mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Make Sonner width fit toast content

Browse Source
This commit is contained in:
MOH
2026-03-10 17:53:19 +01:00
parent 981afc9e33
commit 67447bbe4b
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ui/sonner.tsx
+4 -1
View File
@@ -26,6 +26,9 @@ export function Toaster(props: ToasterProps) {
style: { style: {
borderRadius: "16px", borderRadius: "16px",
padding: "10px 12px", padding: "10px 12px",
width: "fit-content",
minWidth: "0",
maxWidth: "min(calc(100vw - 2rem), 32rem)",
background: "hsl(var(--card))", background: "hsl(var(--card))",
color: "hsl(var(--card-foreground))", color: "hsl(var(--card-foreground))",
border: "1px solid hsl(var(--border))", border: "1px solid hsl(var(--border))",
@@ -33,7 +36,7 @@ export function Toaster(props: ToasterProps) {
}, },
classNames: { classNames: {
toast: toast:
"rounded-[16px] border border-border bg-card px-3 py-2 text-card-foreground shadow-panel", "w-fit min-w-0 max-w-[min(calc(100vw-2rem),32rem)] rounded-[16px] border border-border bg-card px-3 py-2 text-card-foreground shadow-panel",
default: default:
"border-border bg-card text-card-foreground", "border-border bg-card text-card-foreground",
title: "text-[13px] font-medium leading-5", title: "text-[13px] font-medium leading-5",