fix: 🐛 顶部模式滚动条，设置`icon`的`hover`背景颜色优化

Former-commit-id: 8acf71d815

src/layout/components/NavBar/NavRight.vue

@@ -94,12 +94,12 @@ function logout() {
     width: 30px;
     height: 50px;
     line-height: 50px;
-    color: #5a5e66;
+    color: var(--el-text-color-regular);
     text-align: center;
     cursor: pointer;
 
     &:hover {
-      background: rgb(249 250 251 / 100%);
+      background: var(--el-color-info-light-3);
     }
   }
 }

src/layout/index.vue

@@ -131,22 +131,28 @@ function handleOutsideClick() {
 // 导航栏顶部显示
 .isTop {
   .sidebar-container {
+    z-index: 800;
+    display: flex;
     width: 100% !important;
     height: 50px;
-    display: flex;
-    z-index: 800;
+
     :deep(.logo-wrap) {
       width: 210px;
     }
+
     :deep(.el-scrollbar) {
       flex: 1;
-      min-width: 0px;
+      min-width: 0;
       height: 50px;
     }
   }
+
   .main-container {
-    margin-left: 0px;
     padding-top: 50px;
+    margin-left: 0;
   }
+
+  // 顶部模式全局变量修改
+  --el-menu-item-height: 50px;
 }
 </style>