style: stabilize toast sizing

This commit is contained in:
esdrasrenan 2025-10-05 00:12:54 -03:00
parent cad42f8b8c
commit c5a537a833

View file

@ -12,9 +12,11 @@ const Toaster = ({ ...props }: ToasterProps) => {
background: "#000", background: "#000",
color: "#fff", color: "#fff",
border: "1px solid #000", border: "1px solid #000",
width: "fit-content" as const, width: "max-content" as const,
minWidth: 0, minWidth: "fit-content" as const,
maxWidth: "min(24rem, calc(100vw - 2rem))", maxWidth: "min(24rem, calc(100vw - 2rem))",
whiteSpace: "normal" as const,
overflowWrap: "break-word" as const,
} }
return ( return (
@ -45,7 +47,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
"--normal-bg": "var(--popover)", "--normal-bg": "var(--popover)",
"--normal-text": "var(--popover-foreground)", "--normal-text": "var(--popover-foreground)",
"--normal-border": "var(--border)", "--normal-border": "var(--border)",
"--width": "fit-content", "--width": "max-content",
} as React.CSSProperties } as React.CSSProperties
} }
{...props} {...props}