From 36990e3fc35d1dcf341895b65cba19a0d805f258 Mon Sep 17 00:00:00 2001
From: ustcyc <yincun@163.com>
Date: 星期三, 16 四月 2025 20:13:00 +0800
Subject: [PATCH] Merge branch 'master' of https://github.com/zhitan-cloud/zhitan-ems
---
zhitan-vue/src/assets/styles/sidebar.scss | 95 +++++++++++++++++++++++++++++------------------
1 files changed, 59 insertions(+), 36 deletions(-)
diff --git a/zhitan-vue/src/assets/styles/sidebar.scss b/zhitan-vue/src/assets/styles/sidebar.scss
index a698226..0d8d071 100644
--- a/zhitan-vue/src/assets/styles/sidebar.scss
+++ b/zhitan-vue/src/assets/styles/sidebar.scss
@@ -13,6 +13,7 @@
.main-container {
+ background-color: #110f2e !important;
height: 100%;
transition: margin-left 0.28s;
margin-left: $base-sidebar-width;
@@ -28,7 +29,7 @@
transition: width 0.28s;
width: $base-sidebar-width !important;
background-color: $base-menu-background;
- height: 100%;
+ height: calc(100% - 60px) !important;
position: fixed;
top: 60px;
bottom: 0;
@@ -51,10 +52,11 @@
.scrollbar-wrapper {
overflow-x: hidden !important;
+ height: calc(100% - 290px) !important;
}
.el-scrollbar__bar.is-vertical {
- right: 0px;
+ right: 0 !important;
}
.el-scrollbar {
@@ -192,22 +194,32 @@
}
.el-menu--collapse {
- .el-sub-menu {
- & > .el-sub-menu__title {
- & > span {
- height: 0;
- width: 0;
- overflow: hidden;
- visibility: hidden;
- display: inline-block;
- }
- & > i {
- height: 0;
- width: 0;
- overflow: hidden;
- visibility: hidden;
- display: inline-block;
- }
+ width: 54px !important;
+
+ /* 娓呴櫎鍚庝唬閫夋嫨鍣ㄤ腑骞叉壈灞呬腑鐨勬牱寮� */
+ .el-sub-menu, .el-menu-item {
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 100% !important;
+
+ /* 璁╁浘鏍囧拰鑿滃崟椤瑰眳涓� */
+ .el-menu-item, .el-sub-menu__title {
+ width: 36px !important;
+ min-width: 36px !important;
+ height: 38px !important;
+ line-height: 38px !important;
+ margin: 4px 9px !important; /* 绮剧‘璁＄畻灞呬腑杈硅窛 */
+ padding: 0 !important;
+ display: flex !important;
+ justify-content: center !important;
+ align-items: center !important;
+ border-radius: 4px !important;
+ }
+
+ /* 纭繚鍥炬爣灞呬腑 */
+ .svg-icon, .el-icon {
+ margin: 0 !important;
+ padding: 0 !important;
}
}
}
@@ -295,6 +307,7 @@
}
.main-container {
+ background-color: #f7f8fa;
height: 100%;
transition: margin-left 0.28s;
margin-left: $base-sidebar-width;
@@ -310,7 +323,7 @@
transition: width 0.28s;
width: $base-sidebar-width !important;
background-color: $base-menu-background;
- height: 100%;
+ height: calc(100% - 60px) !important;
position: fixed;
top: 60px;
bottom: 0;
@@ -378,7 +391,7 @@
.menu-title {
overflow: hidden !important;
font-weight: 400 !important;
- font-size: 16px !important;
+ font-size: 14px !important;
}
// @media (min-width: 1440px) {
@@ -479,22 +492,32 @@
}
.el-menu--collapse {
- .el-sub-menu {
- & > .el-sub-menu__title {
- & > span {
- height: 0;
- width: 0;
- overflow: hidden;
- visibility: hidden;
- display: inline-block;
- }
- & > i {
- height: 0;
- width: 0;
- overflow: hidden;
- visibility: hidden;
- display: inline-block;
- }
+ width: 54px !important;
+
+ /* 娓呴櫎鍚庝唬閫夋嫨鍣ㄤ腑骞叉壈灞呬腑鐨勬牱寮� */
+ .el-sub-menu, .el-menu-item {
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 100% !important;
+
+ /* 璁╁浘鏍囧拰鑿滃崟椤瑰眳涓� */
+ .el-menu-item, .el-sub-menu__title {
+ width: 36px !important;
+ min-width: 36px !important;
+ height: 38px !important;
+ line-height: 38px !important;
+ margin: 4px 9px !important; /* 绮剧‘璁＄畻灞呬腑杈硅窛 */
+ padding: 0 !important;
+ display: flex !important;
+ justify-content: center !important;
+ align-items: center !important;
+ border-radius: 4px !important;
+ }
+
+ /* 纭繚鍥炬爣灞呬腑 */
+ .svg-icon, .el-icon {
+ margin: 0 !important;
+ padding: 0 !important;
}
}
}
--
Gitblit v1.9.3