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({...@@ -345,35 +345,35 @@ function ToastBodyContent({
345345
346 return (346 return (
347 <>347 <>
348 <div className={cn("flex min-w-0 gap-2", !stackedActionLayout && "flex-1")}>348 <div
349 {leadingIcon ? (349 className={cn(
350 <div350 "flex min-h-0 min-w-0 flex-col gap-0.5",
351 className="flex h-lh w-4 shrink-0 items-center justify-center"351 stackedActionLayout ? "pr-5" : "flex-1",
352 data-slot="toast-icon"352 )}
353 >353 >
354 {leadingIcon}354 <div className="flex min-w-0 gap-2">
355 </div>355 {leadingIcon ? (
356 ) : Icon ? (356 <div
357 <div357 className="flex h-lh w-4 shrink-0 items-center justify-center"
358 className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"358 data-slot="toast-icon"
359 data-slot="toast-icon"359 >
360 >360 {leadingIcon}
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" />361 </div>
362 </div>362 ) : Icon ? (
363 ) : null}363 <div
364 <div364 className="[&>svg]:h-lh [&>svg]:w-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
365 className={cn(365 data-slot="toast-icon"
366 "flex min-h-0 min-w-0 flex-1 flex-col gap-0.5",366 >
367 stackedActionLayout && "pr-5",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 )}368 </div>
369 >369 ) : null}
370 <Toast.Title className="min-w-0 wrap-break-word font-medium" data-slot="toast-title" />370 <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 />
376 </div>371 </div>
372 <ToastDescriptionAndExpandable
373 toastData={toastData}
374 toastDescription={toastDescription}
375 toastType={toastType}
376 />
377 </div>377 </div>
378 {hasTrailingControls ? (378 {hasTrailingControls ? (
379 <div379 <div