padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update sonner; toast is still light

Browse source
This commit is contained in:
padreug 2025-08-01 14:11:17 +02:00
parent d5b762630c
commit 5e6bc32f02
4 changed files with 16 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
package-lock.json generated
View file

@ -30,7 +30,7 @@
"vue": "^3.5.13", "vue": "^3.5.13",
"vue-i18n": "^9.14.2", "vue-i18n": "^9.14.2",
"vue-router": "^4.5.0", "vue-router": "^4.5.0",
"vue-sonner": "^2.0.1", "vue-sonner": "^2.0.2",
"web-vitals": "^3.5.2" "web-vitals": "^3.5.2"
}, },
"devDependencies": { "devDependencies": {
@ -14119,9 +14119,9 @@
} }
}, },
"node_modules/vue-sonner": { "node_modules/vue-sonner": {
"version": "2.0.1", "version": "2.0.2",
"resolved": "https://registry.npmjs.org/vue-sonner/-/vue-sonner-2.0.1.tgz", "resolved": "https://registry.npmjs.org/vue-sonner/-/vue-sonner-2.0.2.tgz",
"integrity": "sha512-sn4vjCRzRcnMaxaLa9aNSyZQi6S+gshiea5Lc3eqpkj0ES9LH8ljg+WJCkxefr28V4PZ9xkUXBIWpxGfQxstIg==", "integrity": "sha512-cN6onnN6aBOZ56YWN8CMj6t4zqbz/XlenE+jx5z+mgduMMelFo6B6G+e2Q6hhxU9YFiV16MXG2MBPluZabyElQ==",
"license": "MIT" "license": "MIT"
}, },
"node_modules/vue-tsc": { "node_modules/vue-tsc": {

2
package.json
View file

@ -39,7 +39,7 @@
"vue": "^3.5.13", "vue": "^3.5.13",
"vue-i18n": "^9.14.2", "vue-i18n": "^9.14.2",
"vue-router": "^4.5.0", "vue-router": "^4.5.0",
"vue-sonner": "^2.0.1", "vue-sonner": "^2.0.2",
"web-vitals": "^3.5.2" "web-vitals": "^3.5.2"
}, },
"devDependencies": { "devDependencies": {

4
src/App.vue
View file

@ -61,9 +61,9 @@ onUnmounted(() => {
style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)"> style="padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom)">
<header <header
class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"> class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<nav class="container flex h-14 items-center justify-between"> <nav
class="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 xl:px-12 2xl:px-16 flex h-14 lg:h-16 xl:h-20 items-center justify-between">
<Navbar /> <Navbar />
<ConnectionStatus :is-connected="isConnected" :is-connecting="isConnecting" :error="error" />
</nav> </nav>
</header> </header>

14
src/components/ui/sonner/Sonner.vue
View file

@ -8,11 +8,15 @@ const props = defineProps<ToasterProps>()
<Sonner <Sonner
class="toaster group" class="toaster group"
v-bind="props" v-bind="props"
:style="{ :toast-options="{
'--normal-bg': 'var(--popover)', classes: {
'--normal-text': 'var(--popover-foreground)', toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
'--normal-border': 'var(--border)', 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',
},
}" }"
/> />
</template> </template>