src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust toast item border radius and progress bar styles

Browse Source
This commit is contained in:
Linus Rath
2026-05-05 21:57:56 +02:00
parent a44bd7c3e6
commit b5e0189938
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ui/toast.tsx
+2 -2
View File
@@ -81,7 +81,7 @@ export function ToastItem({ toast, onClose }: ToastProps) {
return ( return (
<div <div
className={cn( className={cn(
"toast-item group relative flex items-start gap-3 w-[380px] rounded-lg", "toast-item group relative flex items-start gap-3 w-[380px] rounded-r-lg",
"bg-background/95 dark:bg-neutral-900/95 backdrop-blur-sm", "bg-background/95 dark:bg-neutral-900/95 backdrop-blur-sm",
"border border-border/60 dark:border-neutral-700/60", "border border-border/60 dark:border-neutral-700/60",
"shadow-[0_8px_30px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.3)]", "shadow-[0_8px_30px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.3)]",
@@ -99,7 +99,7 @@ export function ToastItem({ toast, onClose }: ToastProps) {
}} }}
> >
{/* Left accent bar */} {/* Left accent bar */}
<div className={cn("absolute left-0 top-0 bottom-0 w-1 rounded-l-lg", progressBarStyles[toast.type])} /> <div className={cn("absolute left-0 top-0 bottom-0 w-1", progressBarStyles[toast.type])} />
<div className="flex items-start gap-3 p-3.5 pl-4.5 flex-1 min-w-0"> <div className="flex items-start gap-3 p-3.5 pl-4.5 flex-1 min-w-0">
{/* Icon */} {/* Icon */}