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",
|
||||
color: "#fff",
|
||||
border: "1px solid #000",
|
||||
width: "fit-content" as const,
|
||||
minWidth: 0,
|
||||
width: "max-content" as const,
|
||||
minWidth: "fit-content" as const,
|
||||
maxWidth: "min(24rem, calc(100vw - 2rem))",
|
||||
whiteSpace: "normal" as const,
|
||||
overflowWrap: "break-word" as const,
|
||||
}
|
||||
|
||||
return (
|
||||
|
|
@ -45,7 +47,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
|
|||
"--normal-bg": "var(--popover)",
|
||||
"--normal-text": "var(--popover-foreground)",
|
||||
"--normal-border": "var(--border)",
|
||||
"--width": "fit-content",
|
||||
"--width": "max-content",
|
||||
} as React.CSSProperties
|
||||
}
|
||||
{...props}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue