authorgravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-09-17 01:57:17-03:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-17 01:57:17-03:00
log01eb4b9a8776e6057dfacf12e7366565e5eab934
treead09d58f2ef8fb57c78ffab63119bf2c8e224380
parent712f8cad32bf8961c3c4b53497dd65c32672d59d
signature Signed by PGP key B5690EEEBB952194

fix(web): align notification icons with titles (#12202)

Co-authored-by: maria-rcks <254055478+maria-rcks@users.noreply.github.com>

1 files changed, 27 insertions(+), 27 deletions(-)

apps/web/src/components/ui/toast.tsx+27-27
......@@ -345,35 +345,35 @@ function ToastBodyContent({
345345
346346 return (
347347 <>
348 <div className={cn("flex min-w-0 gap-2", !stackedActionLayout && "flex-1")}>
349 {leadingIcon ? (
350 <div
351 className="flex h-lh w-4 shrink-0 items-center justify-center"
352 data-slot="toast-icon"
353 >
354 {leadingIcon}
355 </div>
356 ) : Icon ? (
357 <div
358 className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
359 data-slot="toast-icon"
360 >
361 <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" />
362 </div>
363 ) : null}
364 <div
365 className={cn(
366 "flex min-h-0 min-w-0 flex-1 flex-col gap-0.5",
367 stackedActionLayout && "pr-5",
368 )}
369 >
348 <div
349 className={cn(
350 "flex min-h-0 min-w-0 flex-col gap-0.5",
351 stackedActionLayout ? "pr-5" : "flex-1",
352 )}
353 >
354 <div className="flex min-w-0 gap-2">
355 {leadingIcon ? (
356 <div
357 className="flex h-lh w-4 shrink-0 items-center justify-center"
358 data-slot="toast-icon"
359 >
360 {leadingIcon}
361 </div>
362 ) : Icon ? (
363 <div
364 className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
365 data-slot="toast-icon"
366 >
367 <Icon className="in-data-[type=error]:text-destructive in-data-[type=info]:text-info in-data-[type=success]:text-success in-data-[type=warning]:text-warning in-data-[type=loading]:opacity-80" />
368 </div>
369 ) : null}
370370 <Toast.Title className="min-w-0 wrap-break-word font-medium" data-slot="toast-title" />
371 <ToastDescriptionAndExpandable
372 toastData={toastData}
373 toastDescription={toastDescription}
374 toastType={toastType}
375 />
376371 </div>
372 <ToastDescriptionAndExpandable
373 toastData={toastData}
374 toastDescription={toastDescription}
375 toastType={toastType}
376 />
377377 </div>
378378 {hasTrailingControls ? (
379379 <div