mirror of
https://github.com/versia-pub/frontend.git
synced 2026-03-13 11:39:16 +01:00
feat: ✨ Give more functionality to note menu
This commit is contained in:
parent
97566289cd
commit
49d356e2ab
12 changed files with 95 additions and 35 deletions
18
components/ui/sonner/Sonner.vue
Normal file
18
components/ui/sonner/Sonner.vue
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<script lang="ts" setup>
|
||||
import { Toaster as Sonner, type ToasterProps } from "vue-sonner";
|
||||
|
||||
const props = defineProps<ToasterProps>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Sonner class="toaster group" v-bind="props" :toast-options="{
|
||||
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',
|
||||
},
|
||||
}" :position="'top-right'" />
|
||||
</template>
|
||||
1
components/ui/sonner/index.ts
Normal file
1
components/ui/sonner/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
export { default as Toaster } from "./Sonner.vue";
|
||||
Loading…
Add table
Add a link
Reference in a new issue