AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

completionId: cgen-3a19a1bc84f946f790af7685e03c83ea

Browse source 
cgen-3a19a1bc84f946f790af7685e03c83ea
This commit is contained in:
Builder.io 2025-11-13 05:51:41 +00:00
parent a92926e19f
commit db30df92a6
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/components/ui/toaster.tsx
View file

@ -14,15 +14,18 @@ export function Toaster() {
return ( return (
<ToastProvider> <ToastProvider>
{toasts.map(function ({ id, title, description, action, ...props }: any) { {toasts.map(function ({ id, title, description, action, ...props }: any) {
const isArmVariant = props.variant === "arm" && props.accentColor;
return ( return (
<Toast <Toast
key={id} key={id}
{...props} {...props}
style={{ style={isArmVariant ? {
...(props.accentColor && { borderColor: `${props.accentColor}80`,
'--toast-arm-color': props.accentColor, backgroundColor: `${props.accentColor}1A`,
}), color: props.accentColor,
} as React.CSSProperties} boxShadow: `0 25px 50px -12px ${props.accentColor}33`,
} : undefined}
> >
<div className="grid gap-1"> <div className="grid gap-1">
{title && <ToastTitle>{title}</ToastTitle>} {title && <ToastTitle>{title}</ToastTitle>}