style: stabilize toast sizing
This commit is contained in:
parent
cad42f8b8c
commit
c5a537a833
1 changed files with 5 additions and 3 deletions
|
|
@ -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}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue