style: improve loading overlay in dark display
parent
1063b2268e
commit
277e98c42c
|
@ -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,
|
||||
},
|
||||
|
|
|
@ -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,
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue