arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Hydration mismatch

Browse Source
This commit is contained in:
April Hall 2025-02-25 09:13:53 -05:00
parent e4f2c59b31
commit 8706b3eef6
No known key found for this signature in database
GPG Key ID: A49AC35CB186266C
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/modeSwitcher.svelte
View File

@ -7,11 +7,15 @@
</script>
<Tooltip.Root>
<Tooltip.Trigger class="ml-auto">
<Button on:click={toggleMode} variant="secondary" size="icon">
<Tooltip.Trigger class="ml-auto" onclick={toggleMode}>
<div
class="inline-flex h-9 w-9 items-center justify-center whitespace-nowrap rounded-md bg-secondary text-sm
font-medium text-secondary-foreground shadow-sm transition-colors hover:bg-secondary/80 focus-visible:outline-none
focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
>
<Sun class="size-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon class="absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
</Button>
</div>
</Tooltip.Trigger>
<Tooltip.Content>
<p>Toggle theme</p>