fix(navbar): 修复标题居中等样式问题

jd-opensource · Dec 14, 2023 · d676ccb · d676ccb
1 parent 1c0c714
commit d676ccb
Showing 1 changed file with 5 additions and 16 deletions.
diff --git a/src/packages/__VUE/navbar/index.scss b/src/packages/__VUE/navbar/index.scss
@@ -18,7 +18,6 @@
   box-shadow: $navbar-box-shadow;
   font-size: $navbar-title-base-font;
   color: $navbar-color;
-  margin-bottom: $navbar-margin-bottom;
   overflow: hidden;
   &:active::before {
     opacity: 0.1;
@@ -70,7 +69,7 @@
   }
 
   &__title {
-    min-width: 53%;
+    max-width: 60%;
     margin: 0 auto;
     text-align: center;
     display: flex;
@@ -103,21 +102,15 @@
     .text__title {
       display: inline-block;
     }
-
-    .nut-tabs__titles {
-      background: $white;
-    }
-
-    .nut-tab-pane {
-      display: none;
-    }
   }
 
   &__title ::-webkit-scrollbar {
     display: none;
   }
 
   &__left {
+    position: absolute;
+    left: 0;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     display: flex;
@@ -126,17 +119,13 @@
     padding: 0 16px;
   }
   &__right {
+    position: absolute;
+    right: 0;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     display: flex;
     align-items: center;
     padding: 0 16px;
     cursor: pointer;
-    .rightIcon {
-      margin-left: 16px;
-    }
-    .leftIcon {
-      margin-left: 16px;
-    }
   }
 }