fix: fix menu style not work

vben
1 parent a3887f8c
Showing 1 changed file with 18 additions and 9 deletions
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 {