| | |
|---|
| | | height: 100%;
|
|---|
| | | width: 100% !important;
|
|---|
| | |
|
|---|
| | | .el-menu-item,
|
|---|
| | | .el-sub-menu__title {
|
|---|
| | | &:hover {
|
|---|
| | | background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-menu-item, |
|---|
| | | .el-sub-menu__title { |
|---|
| | | margin-bottom: 6px; |
|---|
| | | border-radius: 14px; |
|---|
| | | color: v-bind(getMenuTextColor); |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-menu-item { |
|---|
| | | &.is-active { |
|---|
| | | color: v-bind(theme); |
|---|
| | | background-color: var(--menu-active-bg, rgba(0, 0, 0, 0.06)) !important; |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|
|---|
| | | .el-menu-item {
|
|---|
| | | color: v-bind(getMenuTextColor);
|
|---|
| | |
|
|---|
| | | &.is-active {
|
|---|
| | | color: var(--menu-active-text, #409eff);
|
|---|
| | | background-color: var(--menu-hover, rgba(0, 0, 0, 0.06)) !important;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-sub-menu__title {
|
|---|
| | | color: v-bind(getMenuTextColor);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | .el-sub-menu__title { |
|---|
| | | color: v-bind(getMenuTextColor); |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-sub-menu.is-active > .el-sub-menu__title) { |
|---|
| | | color: v-bind(theme) !important; |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-sub-menu.is-active > .el-sub-menu__title .menu-title), |
|---|
| | | :deep(.el-sub-menu.is-active > .el-sub-menu__title .svg-icon), |
|---|
| | | :deep(.el-menu-item.is-active .menu-title), |
|---|
| | | :deep(.el-menu-item.is-active .svg-icon) { |
|---|
| | | color: v-bind(theme) !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
