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