Przeglądaj źródła

fix (#2182): top menu layout without submenu display issue

add a class named 'top-nave-menu' when BaseMenu mode is horizontal to fixed height promblem
Ivocin 7 lat temu
rodzic
commit
43eedc03aa

+ 1 - 0
src/components/SiderMenu/BaseMenu.js

@@ -179,6 +179,7 @@ export default class BaseMenu extends PureComponent {
         onOpenChange={handleOpenChange}
         selectedKeys={selectedKeys}
         style={style}
+        className={mode === 'horizontal' ? 'top-nav-menu' : ''}
         {...props}
       >
         {this.getNavMenuItems(menuData)}

+ 4 - 0
src/components/SiderMenu/index.less

@@ -62,6 +62,10 @@
 }
 
 :global {
+  .top-nav-menu li.ant-menu-item {
+    height: 64px;
+    line-height: 64px;
+  }
   .drawer .drawer-content {
     background: #001529;
   }