refactor(layouts): layout/header 反转色样式补充

This commit is contained in:
元家怿
2022-04-29 15:53:12 +08:00
parent 401f0c748d
commit 01d0bcbfd0
9 changed files with 30 additions and 13 deletions

View File

@@ -3,7 +3,7 @@
<hover-container
class="w-40px h-full"
tooltip-content="搜索"
content-class="hover:text-primary"
:inverted="theme.header.inverted"
@click="handleSearch"
>
<icon-uil-search class="text-20px" />
@@ -13,10 +13,12 @@
</template>
<script lang="ts" setup>
import { useThemeStore } from '@/store';
import { useBoolean } from '@/hooks';
import { SearchModal } from './components';
const { bool: show, toggle } = useBoolean();
const theme = useThemeStore();
function handleSearch() {
toggle();