chore: drop blur and transparency from bulk action bar

The translucent popover + backdrop blur muddied the pill against busy
table rows. Switch to an opaque background so the bar reads cleanly.
This commit is contained in:
ephraimduncan
2026-04-20 20:42:32 +00:00
parent bc97af14d3
commit 50997d7e92
@@ -43,7 +43,7 @@ export const EnvelopesTableBulkActionBar = ({
}
return (
<div className="fixed bottom-6 left-1/2 z-50 flex -translate-x-1/2 items-center gap-x-1 rounded-xl bg-popover/95 p-1.5 text-popover-foreground shadow-lg ring-1 ring-black/10 backdrop-blur-md supports-[backdrop-filter]:bg-popover/80 dark:ring-white/10">
<div className="fixed bottom-6 left-1/2 z-50 flex -translate-x-1/2 items-center gap-x-1 rounded-xl bg-popover p-1.5 text-popover-foreground shadow-lg ring-1 ring-black/10 dark:ring-white/10">
<div className="flex items-center gap-x-2 px-2">
<span className="flex h-5 min-w-5 items-center justify-center rounded-md bg-primary px-1 text-xs font-semibold tabular-nums text-primary-foreground">
{selectedCount}