scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-11-07 07:58:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 229

fix(ui): center the deployment health banner icon on its title (#50302)

Browse source 
The banner inherits the Alert primitive's icon layout, which spans two grid rows and nudges the icon down 2px so it lines up with a title plus description. The banner only has a one-line title, so the empty second row and the nudge left the icon 3px below the text. Keep the icon on the title's row with no offset
This commit is contained in:
yuneng-jiang 2026-11-05 17:03:33 -08:00 • committed by GitHub
parent a7f9f892be
commit 9984ed40a1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/litellm-dashboard/src/components/DeploymentHealth/DeploymentHealth.tsx
View file

@ -94,7 +94,7 @@ export const DeploymentHealthBanner = ({ handle }: { handle: DeploymentHealthHan
variant={critical ? "error" : "warning"}
role={critical ? "alert" : "status"}
aria-label={t("shell.deploymentHealth.banner.label")}
className="min-h-10 shrink-0 items-center *:[svg]:text-warning data-[variant=error]:*:[svg]:text-destructive rounded-none border-x-0 border-t-0 border-b-warning/25 bg-warning/10 px-4 py-2 text-[13px] leading-5 text-foreground data-[variant=error]:border-b-destructive/25 data-[variant=error]:bg-destructive/10"
className="min-h-10 shrink-0 items-center *:[svg]:row-span-1 *:[svg]:translate-y-0 *:[svg]:text-warning data-[variant=error]:*:[svg]:text-destructive rounded-none border-x-0 border-t-0 border-b-warning/25 bg-warning/10 px-4 py-2 text-[13px] leading-5 text-foreground data-[variant=error]:border-b-destructive/25 data-[variant=error]:bg-destructive/10"
>
<Icon aria-hidden />
<AlertTitle className="flex flex-wrap items-center gap-x-2">