fix: style mistake (#1013)

* fix: style mistake

* chore: only apply reset style with the bewly application

* chore: lint

---------

Co-authored-by: Hakadao <a578457889743@gmail.com>
This commit is contained in:
star knight
2024-09-18 12:09:45 +08:00
committed by GitHub
parent 03d5ae7438
commit 045e856ed9
5 changed files with 398 additions and 471 deletions

View File

@@ -51,7 +51,7 @@ function toggleHideSidebar(hide: boolean) {
<div
class="sidebar-content"
flex="~ gap-2 col"
flex="~ gap-2 col justify-center items-center"
pointer-events-auto
duration-300
@mouseenter="toggleHideSidebar(false)"
@@ -67,13 +67,13 @@ function toggleHideSidebar(hide: boolean) {
@mouseleave="hoveringDockItem.themeMode = false"
>
<Transition name="fade">
<div v-show="hoveringDockItem.themeMode" absolute>
<div v-show="hoveringDockItem.themeMode" absolute flex>
<Icon v-if="isDark" icon="line-md:sunny-outline-to-moon-loop-transition" />
<Icon v-else icon="line-md:moon-alt-to-sunny-outline-loop-transition" />
</div>
</Transition>
<Transition name="fade">
<div v-show="!hoveringDockItem.themeMode" absolute>
<div v-show="!hoveringDockItem.themeMode" absolute flex>
<Icon v-if="isDark" icon="line-md:sunny-outline-to-moon-transition" />
<Icon v-else icon="line-md:moon-to-sunny-outline-transition" />
</div>