全局样式修改

src/layouts/admin/components/navBar/tabs.vue

@@ -208,26 +208,28 @@ onMounted(() => {
     overflow-y: hidden;
     margin-right: var(--ba-main-space);
     scrollbar-width: none;
+
     &::-webkit-scrollbar {
         height: 5px;
     }
 
-    &::-webkit-scrollbar-thumb {
+    //
-        background: #eaeaea;
+    //&::-webkit-scrollbar-thumb {
-        border-radius: var(--el-border-radius-base);
+    //    background: #eaeaea;
-        box-shadow: none;
+    //    border-radius: var(--el-border-radius-base);
-        -webkit-box-shadow: none;
+    //    box-shadow: none;
-    }
+    //    -webkit-box-shadow: none;
-
+    //}
-    &::-webkit-scrollbar-track {
+    //
-        background: v-bind('config.layout.layoutMode == "Default" ? "none":config.getColorVal("headerBarBackground")');
+    //&::-webkit-scrollbar-track {
-    }
+    //    background: v-bind('config.layout.layoutMode == "Default" ? "none":config.getColorVal("headerBarBackground")');
-
+    //}
-    &:hover {
+    //
-        &::-webkit-scrollbar-thumb:hover {
+    //&:hover {
-            background: #c8c9cc;
+    //    &::-webkit-scrollbar-thumb:hover {
-        }
+    //        background: #c8c9cc;
-    }
+    //    }
+    //}
 }
 
 .ba-nav-tab {

src/layouts/admin/components/navMenus.vue

@@ -13,7 +13,7 @@
                 :color="configStore.getColorVal('headerBarTabColor')"
                 class="nav-menu-icon"
                 v-if="state.isFullScreen"
-                name="fa-solid fa-minimize"
+                name="fa-solid fa-compress"
                 size="18"
             />
             <Icon
@@ -177,6 +177,9 @@ const onLogout = () => {
         cursor: pointer;
         user-select: none;
         color: v-bind('configStore.getColorVal("headerBarTabColor")');
+        &:hover {
+            color: v-bind('configStore.getColorVal("headerBarTabActiveColor")');
+        }
     }
     .admin-name {
         padding-left: 6px;