style: 修改左侧菜单栏 滚动条样式

This commit is contained in:
zhangyu
2022-09-15 15:08:12 +08:00
parent d365d3be0a
commit a3a758c178
3 changed files with 14 additions and 0 deletions

View File

@@ -551,3 +551,13 @@ textarea {
}
}
.left-menu{
.el-menu::-webkit-scrollbar-thumb {
background-color: $--scrollbar-left-menu-background-color;
border-radius: 3px;
}
.el-menu::-webkit-scrollbar-thumb:hover {
background-color: $--scrollbar-left-menu-background-color-hover;
border-radius: 3px;
}
}

View File

@@ -95,6 +95,8 @@ $--checkbox-border-color: $--border-color-light;
// 背景色
$--scrollbar-background-color: #404040;
$--scrollbar-background-color-hover: #505050;
$--scrollbar-left-menu-background-color: #484954;
$--scrollbar-left-menu-background-color-hover: #585964;
/* 9.dashboard */
$--dashboard-background-color-empty: $--background-color-base;

View File

@@ -95,6 +95,8 @@ $--checkbox-border-color: $--border-color-base-focus;
// 背景色
$--scrollbar-background-color: #DDDDDD;
$--scrollbar-background-color-hover: #C8C8C8;
$--scrollbar-left-menu-background-color: #748392;
$--scrollbar-left-menu-background-color-hover: #C8C8C8;
/* 9.dashboard */
$--dashboard-background-color-empty: $--background-color-empty;