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

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

View file

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

View file

@ -101,13 +101,15 @@ function Header({ hidden = false, busy = false }: HeaderProps) {
</tr>
))}
{busy && (
<tr className="h-0.5">
<th colSpan={table.getVisibleLeafColumns().length} className="p-0">
<tr className="border-0">
<th colSpan={table.getVisibleLeafColumns().length} className="relative h-0 p-0">
<div
role="progressbar"
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>
</tr>
)}