From f90899d72ab2c3e8883d34a3895c72b20e64f436 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Mon, 07 Dec 2020 14:13:02 +0800
Subject: [PATCH] 支持主题风格配置
---
ruoyi-ui/src/assets/styles/sidebar.scss | 12 +++++++-----
1 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/ruoyi-ui/src/assets/styles/sidebar.scss b/ruoyi-ui/src/assets/styles/sidebar.scss
index bd476ab..d870010 100644
--- a/ruoyi-ui/src/assets/styles/sidebar.scss
+++ b/ruoyi-ui/src/assets/styles/sidebar.scss
@@ -8,6 +8,7 @@
}
.sidebar-container {
+ -webkit-transition: width .28s;
transition: width 0.28s;
width: $sideBarWidth !important;
background-color: $menuBg;
@@ -19,6 +20,8 @@
left: 0;
z-index: 1001;
overflow: hidden;
+ -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
+ box-shadow: 2px 0 6px rgba(0,21,41,.35);
// reset element-ui css
.horizontal-collapse-transition {
@@ -73,21 +76,20 @@
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
- background-color: $menuHover !important;
+ background-color: rgba(0, 0, 0, 0.06) !important;
}
}
- .is-active>.el-submenu__title {
+ & .theme-dark .is-active > .el-submenu__title {
color: $subMenuActiveText !important;
}
& .nest-menu .el-submenu>.el-submenu__title,
& .el-submenu .el-menu-item {
min-width: $sideBarWidth !important;
- background-color: $subMenuBg !important;
&:hover {
- background-color: $subMenuHover !important;
+ background-color: rgba(0, 0, 0, 0.06) !important;
}
}
}
@@ -190,7 +192,7 @@
.el-menu-item {
&:hover {
// you can use $subMenuHover
- background-color: $menuHover !important;
+ background-color: rgba(0, 0, 0, 0.06) !important;
}
}
--
Gitblit v1.9.2