mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-02 13:20:43 -03:00
18 lines
570 B
Svelte
18 lines
570 B
Svelte
<script lang="ts">
|
|
import SunIcon from '@lucide/svelte/icons/sun';
|
|
import MoonIcon from '@lucide/svelte/icons/moon';
|
|
|
|
import { toggleMode } from 'mode-watcher';
|
|
import { Button } from '$lib/components/ui/button';
|
|
</script>
|
|
|
|
<Button onclick={toggleMode} variant="outline" size="icon">
|
|
<SunIcon
|
|
class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all! dark:scale-0 dark:-rotate-90"
|
|
/>
|
|
<MoonIcon
|
|
class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all! dark:scale-100 dark:rotate-0"
|
|
/>
|
|
<span class="sr-only">Toggle theme</span>
|
|
</Button>
|