.app-sidebar {
|
position: relative;
|
// height: 100%;
|
background-color: #314255;
|
.box {
|
width: 187px;
|
.el-menu {
|
border-right: solid 0px #e6e6e6;
|
}
|
.el-submenu .el-menu-item {
|
min-width: none;
|
}
|
.icon {
|
color: #bfcbd9;
|
}
|
.el-submenu__title:hover,
|
.el-menu-item:focus,
|
.el-menu-item:hover {
|
background-color: #011527 !important;
|
}
|
|
::v-deep{
|
.el-menu .el-submenu .el-submenu__title:hover{
|
background-color: #011527 !important;
|
}
|
}
|
|
.el-submenu .el-menu-item {
|
width: 166px;
|
min-width: 166px;
|
height: 38px;
|
display: flex;
|
align-items: center;
|
margin-left: 11px;
|
border-radius: 6px;
|
|
&.is-active {
|
color: #fff !important;
|
flex-grow: 0;
|
fill: #fff !important;
|
background: #2a78fb !important;
|
i {
|
color: #fff;
|
}
|
|
}
|
}
|
}
|
}
|
