renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(dock): disable glowing effect for light/dark switcher when enabled

Browse Source
This commit is contained in:
Hakadao
2024-12-15 01:37:56 +08:00
parent 9f21561ca9
commit b4f5637b63
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Dock/Dock.vue
View File

@@ -190,14 +190,18 @@ function handleBackToTopOrRefresh() {
pos="absolute top-0 left-0 group-hover:top-2px group-hover:left--4px"
w-full h-full bg-white rounded="1/2"
z--2 pointer-events-none
shadow="group-hover:[-8px_4px_160px_20px_hsla(226deg,85%,77%,1),-8px_4px_100px_12px_hsla(226deg,85%,77%,0.8),-8px_4px_60px_10px_hsla(226deg,85%,77%,0.6),-8px_4px_20px_4px_hsla(226deg,85%,77%,0.4),-4px_2px_8px_0_hsla(226deg,85%,77%,0.8)]"
:shadow="
settings.disableDockGlowingEffect
? 'none'
: 'group-hover:[-8px_4px_160px_20px_hsla(226deg,85%,77%,1),-8px_4px_100px_12px_hsla(226deg,85%,77%,0.8),-8px_4px_60px_10px_hsla(226deg,85%,77%,0.6),-8px_4px_20px_4px_hsla(226deg,85%,77%,0.4),-4px_2px_8px_0_hsla(226deg,85%,77%,0.8)]'"
opacity-0 group-hover:opacity-100
duration-600
/>
<button
class="dock-item"
bg="!dark-hover:$bew-bg" transform="!dark-hover:scale-100" shadow="!dark-hover:[inset_4px_-2px_8px_hsla(226deg,85%,77%,1)]"
bg="!dark-hover:$bew-bg" transform="!dark-hover:scale-100"
:shadow="settings.disableDockGlowingEffect ? 'none' : '!dark-hover:[inset_4px_-2px_8px_hsla(226deg,85%,77%,1)]'"
pointer-events-auto
@click="toggleDark"
@mouseenter="hoveringDockItem.themeMode = true"