Jelajahi Sumber

fix: fix menu style not work

vben 4 tahun lalu
induk
melakukan
bda3e5da30
1 mengubah file dengan 18 tambahan dan 9 penghapusan
  1. 18 9
      src/components/Menu/src/index.less

+ 18 - 9
src/components/Menu/src/index.less

@@ -50,12 +50,25 @@
   }
 
   // collapsed show title end
+  .ant-menu-submenu-title {
+    > .basic-menu__name {
+      display: flex;
+      width: 100%;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+
+  .ant-menu-item {
+    transition: unset;
 
-  &__name {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-    align-items: center;
+    > .basic-menu__name {
+      .basic-menu__tag {
+        float: right;
+        margin-top: @app-menu-item-height / 2;
+        transform: translate(0%, -50%);
+      }
+    }
   }
 
   &__tag {
@@ -219,10 +232,6 @@
     }
   }
 
-  .ant-menu-item {
-    transition: unset;
-  }
-
   &:not(.basic-menu__sidebar-hor).ant-menu-inline-collapsed {
     .basic-menu-item__level1 {
       > div {