fix(nav-menu): [nav-menu] Fix the style issue of the nav-menu compone…

…nt (#2889)
opentiny · Feb 14, 2025 · 7133db9 · 7133db9
1 parent 824ec52
commit 7133db9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/theme/package.json b/packages/theme/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/vue-theme",
   "type": "module",
-  "version": "3.21.2",
+  "version": "3.21.3",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",

diff --git a/packages/theme/src/nav-menu/index.less b/packages/theme/src/nav-menu/index.less
@@ -87,7 +87,7 @@
   }
 
   > .more {
-    padding: 0 12px;
+    padding: 0 10px;
     font-size: var(--tv-NavMenu-item-font-size);
     text-align: center;
     color: var(--tv-NavMenu-item-text-color);
@@ -217,7 +217,9 @@
     }
 
     > .sub-menu {
+      border-left: 1px solid var(--tv-NavMenu-popmenu-more-menu-border-color-right);
       float: left;
+      margin-left: -1px;
       width: calc(100% - 160px);
       padding-left: 14px;
       box-sizing: border-box;
@@ -358,7 +360,7 @@
         margin: 0;
 
         .@{nav-menu-prefix-cls}__sub-menu-title {
-          padding: 18px 35px 0 12px;
+          margin: 18px 35px 0 12px;
 
           &.@{nav-menu-prefix-cls}__sub-menu-title-blank {
             padding: 0 35px 0 12px;