tas/Codewalkers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Cover transparent gap above sticky header with upward box-shadow

Browse Source 
Uses a 50px upward box-shadow in bg-background color to paint over the
main padding gap that shows above the stuck review header.
This commit is contained in:
Lukas May
2026-03-06 11:33:31 +01:00
parent cc181ee6ba
commit c87aac44cc
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/review/ReviewHeader.tsx
View File

@@ -97,7 +97,7 @@ export function ReviewHeader({
const total = totalCount ?? 0; const total = totalCount ?? 0;
return ( return (
<div ref={ref} className="border-b border-border bg-card backdrop-blur-sm sticky top-0 z-20 rounded-t-lg"> <div ref={ref} className="border-b border-border bg-card backdrop-blur-sm sticky top-0 z-20 rounded-t-lg shadow-[0_-50px_0_0_hsl(var(--background))]">
{/* Phase selector row */} {/* Phase selector row */}
{phases.length > 1 && ( {phases.length > 1 && (
<div className="flex items-center gap-1 px-4 pt-3 pb-2 border-b border-border/50"> <div className="flex items-center gap-1 px-4 pt-3 pb-2 border-b border-border/50">