Refactor/themes (#311)

* refactor: theme
This commit is contained in:
RealityBoy
2022-07-26 13:16:44 +08:00
committed by GitHub
parent 708ce43e00
commit d824c99489
62 changed files with 1100 additions and 1066 deletions

View File

@@ -70,7 +70,7 @@ onMounted(async () => {
</script>
<template>
<div class="max-w-260px h-full min-h-780px bg-white">
<div class="max-w-260px h-full min-h-780px bg-white dark:bg-dark">
<div class="flex items-center h-34px">
<p class="flex-1 ml-2 font-bold text-base truncate" title="部门列表">
部门列表
@@ -101,7 +101,7 @@ onMounted(async () => {
<el-dropdown-menu>
<el-dropdown-item>
<el-button
class="reset-margin !h-20px !text-gray-500"
class="reset-margin !h-20px !text-gray-500 !dark:hover:color-primary"
link
type="primary"
:icon="useRenderIcon('expand')"
@@ -112,7 +112,7 @@ onMounted(async () => {
</el-dropdown-item>
<el-dropdown-item>
<el-button
class="reset-margin !h-20px !text-gray-500"
class="reset-margin !h-20px !text-gray-500 !dark:hover:color-primary"
link
type="primary"
:icon="useRenderIcon('unExpand')"
@@ -123,7 +123,7 @@ onMounted(async () => {
</el-dropdown-item>
<el-dropdown-item>
<el-button
class="reset-margin !h-20px !text-gray-500"
class="reset-margin !h-20px !text-gray-500 !dark:hover:color-primary"
link
type="primary"
:icon="useRenderIcon('reset')"
@@ -159,7 +159,8 @@ onMounted(async () => {
'select-none',
searchValue.trim().length > 0 &&
node.label.includes(searchValue) &&
'text-red-500'
'text-red-500',
highlightMap[node.id]?.highlight ? 'dark:color-primary' : ''
]"
:style="{
background: highlightMap[node.id]?.highlight