fix: Linting error
This commit is contained in:
parent
51c7ddce80
commit
1f0e0fba42
@ -1,6 +1,6 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Button } from '$lib/components/ui/button/index';
|
|
||||||
import * as Tooltip from '$lib/components/ui/tooltip';
|
import * as Tooltip from '$lib/components/ui/tooltip';
|
||||||
|
import { buttonVariants } from '$lib/components/ui/button';
|
||||||
import Moon from 'lucide-svelte/icons/moon-star';
|
import Moon from 'lucide-svelte/icons/moon-star';
|
||||||
import Sun from 'lucide-svelte/icons/sun';
|
import Sun from 'lucide-svelte/icons/sun';
|
||||||
import { toggleMode } from 'mode-watcher';
|
import { toggleMode } from 'mode-watcher';
|
||||||
@ -8,11 +8,7 @@
|
|||||||
|
|
||||||
<Tooltip.Root>
|
<Tooltip.Root>
|
||||||
<Tooltip.Trigger class="ml-auto" onclick={toggleMode}>
|
<Tooltip.Trigger class="ml-auto" onclick={toggleMode}>
|
||||||
<div
|
<div class="size-9 {buttonVariants({ variant: 'secondary' })}" style="padding: 0;">
|
||||||
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" />
|
<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" />
|
<Moon class="absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user