fix(projects): add backdrop-blur to compact list header (#3783)

The sticky header in the Projects compact list was missing backdrop-blur,
causing underlying content to bleed through the semi-transparent bg-muted/30
background when scrolling. Matches the DataTable header pattern used in the
Agents module.

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
yuhaowin
2026-06-08 13:45:59 +08:00
committed by GitHub
parent b89b9cb4d6
commit bcc7cd3688

View File

@@ -312,7 +312,7 @@ export function ProjectsPage() {
) : isCompact ? (
<div className="mt-4 mx-5 rounded-md border mb-5 overflow-auto flex-1">
<div className="min-w-[740px]">
<div className={cn(COMPACT_GRID, "h-8 shrink-0 items-center gap-2 px-4 text-xs font-medium text-muted-foreground border-b bg-muted/30 sticky top-0 z-10")}>
<div className={cn(COMPACT_GRID, "h-8 shrink-0 items-center gap-2 px-4 text-xs font-medium text-muted-foreground border-b bg-muted/30 backdrop-blur sticky top-0 z-10")}>
<span />
<span className="text-left">{t(($) => $.table.name)}</span>
<span className="text-left">{t(($) => $.table.priority)}</span>