右边菜单修改

This commit is contained in:
HuskyOo 2022-05-12 10:20:11 +08:00
parent 688a2d9ab1
commit 046bf46262
2 changed files with 16 additions and 5 deletions

View File

@ -59,10 +59,21 @@ export default {
<style>
.el-menu-item {
height: 80px;
/* justify-content: center; */
display: flex;
/* flex-direction: column; */
align-items: center;
font-size: 16px;
}
.el-submenu__title{
height: 80px;
display: flex;
align-items: center;
font-size: 16px;
}
.el-submenu .el-menu-item {
height: 40px;
padding-left: 65px !important;
}
.el-submenu__title i {
color: #fff;
}
</style>

View File

@ -14,15 +14,15 @@ $menuText:#ffffff;
// $menuActiveText:#409EFF;
$menuActiveText:#ffffff;
// $subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
$subMenuActiveText:#5d94ff;
$subMenuActiveText:#ffffff;
// $menuBg:#304156;
$menuBg:#4081ff;
// $menuHover:#263445;
$menuHover:#5d94ff;
$subMenuBg:#1f2d3d;
$subMenuHover:#001528;
$subMenuBg:#4081ff;
$subMenuHover:#5d94ff;
$sideBarWidth: 230px;
// $sideBarWidth: 150px;