scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-07 02:59:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 103

fix(ui): replace the black busy bar on Lens runs with a light sweep

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yujong Lee 2026-10-04 17:08:00 -07:00
parent 5bb6a79a9b
commit 5e7b0afd5c
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/litellm-dashboard/src/app/globals.css
View file

@ -469,3 +469,12 @@
left: 100%; left: 100%;
} }
} }
@keyframes rows-sweep {
from {
left: -25%;
}
to {
left: 100%;
}
}

10
ui/litellm-dashboard/src/components/shared/InspectorTable.tsx
View file

@ -101,13 +101,15 @@ function Header({ hidden = false, busy = false }: HeaderProps) {
</tr> </tr>
))} ))}
{busy && ( {busy && (
<tr className="h-0.5"> <tr className="border-0">
<th colSpan={table.getVisibleLeafColumns().length} className="p-0"> <th colSpan={table.getVisibleLeafColumns().length} className="relative h-0 p-0">
<div <div
role="progressbar" role="progressbar"
aria-label="Updating rows" aria-label="Updating rows"
className="h-0.5 w-full animate-pulse bg-primary/70 motion-reduce:animate-none" className="absolute inset-x-0 bottom-0 h-0.5 overflow-hidden bg-[#3b5bfd]/10"
/> >
<div className="absolute inset-y-0 w-1/4 bg-[#3b5bfd]/60 motion-safe:animate-[rows-sweep_1.2s_ease-in-out_infinite] motion-reduce:hidden" />
</div>
</th> </th>
</tr> </tr>
)} )}