| | |
| | | transition: background 0.2s; |
| | | |
| | | &:hover { |
| | | background: rgba(64, 158, 255, 0.3); |
| | | background: rgba(13, 148, 136, 0.3); |
| | | } |
| | | |
| | | &.active { |
| | | background: rgba(64, 158, 255, 0.5); |
| | | background: rgba(13, 148, 136, 0.5); |
| | | } |
| | | } |
| | | |
| | |
| | | transition: all 0.2s; |
| | | |
| | | &:hover { |
| | | color: #409eff; |
| | | background: #ecf5ff; |
| | | color: var(--el-color-primary); |
| | | background: var(--el-color-primary-light-9); |
| | | } |
| | | } |
| | | |
| | |
| | | gap: 5px; |
| | | |
| | | .el-icon { |
| | | color: #409eff; |
| | | color: var(--el-color-primary); |
| | | font-size: 16px; |
| | | } |
| | | } |
| | |
| | | transition: all 0.2s; |
| | | |
| | | &:hover { |
| | | color: #409eff; |
| | | background: #ecf5ff; |
| | | color: var(--el-color-primary); |
| | | background: var(--el-color-primary-light-9); |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | :deep(.el-tree-node.is-current > .el-tree-node__content) { |
| | | background: #e6f0fd; |
| | | color: #409eff; |
| | | background: var(--sidebar-active-bg); |
| | | color: var(--el-color-primary); |
| | | font-weight: 600; |
| | | |
| | | .node-icon { |
| | | color: #409eff !important; |
| | | color: var(--el-color-primary) !important; |
| | | } |
| | | } |
| | | } |