1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
.el-menu--horizontal {
.el-menu-item, .el-submenu__title {
background-color: var(--app-color-black) !important;
color: var(--app-color-white) !important;
&:hover, &.is-active {
background: #202027 !important;
}
}
>.el-menu-item {
height: 64px;
&.is-active {
background: #202027 !important;
border-bottom: 4px solid var(--app-color-yellow);
border-bottom-color: var(--app-color-yellow) !important;
}
}
>.el-submenu {
.el-submenu__title {
height: 64px;
}
&.is-active, &.is-opened {
.el-submenu__title {
border-bottom: 4px solid var(--app-color-yellow);
border-bottom-color: var(--app-color-yellow) !important;
}
}
}
.el-submenu__icon-arrow {
display: none;
}
&.app-popper-menu {
.el-menu--popup {
padding: 0;
.el-menu-item, .el-submenu__title {
height: 40px;
padding: 0 12px;
border-bottom: 1px solid var(--app-color-gray-250);
border-bottom-color: var(--app-color-gray-250) !important;
}
}
}
}
.el-menu--vertical {
.el-menu-item, .el-submenu__title {
height: 57px;
}
}