fix: Backlog侧边栏样式黑暗模式显示问题
parent
ae3d44d8bd
commit
a2de0665eb
|
@ -96,8 +96,8 @@ const leftSides = ref([
|
|||
const sideClick = (item) => {
|
||||
leftType.value = item.infoType
|
||||
}
|
||||
// TODO @dhb52: 侧边栏样式,在黑暗模式下,颜色会不对。是不是可以读取主题色哈;
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.side-item-list {
|
||||
top: 0;
|
||||
|
@ -105,8 +105,8 @@ const sideClick = (item) => {
|
|||
left: 0;
|
||||
z-index: 1;
|
||||
font-size: 14px;
|
||||
background-color: white;
|
||||
border: 1px solid #e6e6e6;
|
||||
background-color: var(--el-bg-color);
|
||||
border: 1px solid var(--el-border-color);
|
||||
border-radius: 5px;
|
||||
|
||||
.side-item {
|
||||
|
@ -115,21 +115,17 @@ const sideClick = (item) => {
|
|||
padding: 0 20px;
|
||||
line-height: 50px;
|
||||
cursor: pointer;
|
||||
|
||||
i {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.side-item-default {
|
||||
color: #333;
|
||||
color: var(--el-text-color-primary);
|
||||
border-right: 2px solid transparent;
|
||||
}
|
||||
|
||||
.side-item-select {
|
||||
color: #409eff;
|
||||
background-color: #ecf5ff;
|
||||
color: var(--el-color-primary);
|
||||
background-color: var(--el-color-primary-light-9);
|
||||
border-right: 2px solid var(--el-color-primary);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue