diff --git a/src/layouts/admin/components/navBar/tabs.vue b/src/layouts/admin/components/navBar/tabs.vue index a61b88e..69657f5 100644 --- a/src/layouts/admin/components/navBar/tabs.vue +++ b/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; - border-radius: var(--el-border-radius-base); - box-shadow: none; - -webkit-box-shadow: none; - } - - &::-webkit-scrollbar-track { - background: v-bind('config.layout.layoutMode == "Default" ? "none":config.getColorVal("headerBarBackground")'); - } - - &:hover { - &::-webkit-scrollbar-thumb:hover { - background: #c8c9cc; - } - } + // + //&::-webkit-scrollbar-thumb { + // background: #eaeaea; + // border-radius: var(--el-border-radius-base); + // box-shadow: none; + // -webkit-box-shadow: none; + //} + // + //&::-webkit-scrollbar-track { + // background: v-bind('config.layout.layoutMode == "Default" ? "none":config.getColorVal("headerBarBackground")'); + //} + // + //&:hover { + // &::-webkit-scrollbar-thumb:hover { + // background: #c8c9cc; + // } + //} } .ba-nav-tab { diff --git a/src/layouts/admin/components/navMenus.vue b/src/layouts/admin/components/navMenus.vue index e05f73f..8efc6db 100644 --- a/src/layouts/admin/components/navMenus.vue +++ b/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" /> { cursor: pointer; user-select: none; color: v-bind('configStore.getColorVal("headerBarTabColor")'); + &:hover { + color: v-bind('configStore.getColorVal("headerBarTabActiveColor")'); + } } .admin-name { padding-left: 6px;