diff options
Diffstat (limited to 'code/frontend/src/components/sonner.svelte')
| -rw-r--r-- | code/frontend/src/components/sonner.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/code/frontend/src/components/sonner.svelte b/code/frontend/src/components/sonner.svelte new file mode 100644 index 0000000..422e189 --- /dev/null +++ b/code/frontend/src/components/sonner.svelte @@ -0,0 +1,21 @@ +<script lang="ts"> + import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner' + import { mode } from 'mode-watcher' + + type $$Props = SonnerProps +</script> + +<Sonner + theme={$mode} + class="toaster group" + toastOptions={{ + classes: { + toast: + 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg', + description: 'group-[.toast]:text-muted-foreground', + actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground', + cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground' + } + }} + {...$$restProps} +/> |