style: improve loading overlay in dark display

This commit is contained in:
vben 2024-08-31 23:23:35 +08:00
parent 1063b2268e
commit 277e98c42c
2 changed files with 2 additions and 2 deletions

View File

@ -69,7 +69,7 @@ function onTransitionEnd() {
<div
:class="
cn(
'z-100 pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center bg-[hsl(var(--overlay-light))] transition-all duration-500',
'z-100 dark:bg-overlay pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center bg-[hsl(var(--overlay-light))] transition-all duration-500',
{
'invisible opacity-0': !showSpinner,
},

View File

@ -63,7 +63,7 @@ function onTransitionEnd() {
<div
:class="
cn(
'flex-center z-100 absolute left-0 top-0 size-full bg-[hsl(var(--overlay-light))] backdrop-blur-sm transition-all duration-500',
'flex-center z-100 dark:bg-overlay absolute left-0 top-0 size-full bg-[hsl(var(--overlay-light))] backdrop-blur-sm transition-all duration-500',
{
'invisible opacity-0': !showSpinner,
},