Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(admin): make product table list scrollable with sticky header
All checks were successful
Staging Build / build (push) Successful in 3m27s
Details

Browse Source
This commit is contained in:
DanielS
2026-07-03 10:50:31 +02:00
parent 4f69fd7e44
commit 99f859cde3
1 changed files with 35 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shop/components/admin/product-list.tsx
View File

@@ -211,8 +211,9 @@ export function ProductList({ initialProducts, categories }: { initialProducts:
</div>
</CardHeader>
<CardContent>
<div className="overflow-auto max-h-[600px] border border-slate-200 dark:border-white/10 rounded-lg scrollbar-thin">
<Table>
<TableHeader>
<TableHeader className="sticky top-0 bg-white dark:bg-slate-900/95 backdrop-blur-sm z-10">
<TableRow className="border-slate-200 dark:border-white/10 hover:bg-slate-50 dark:hover:bg-white/5">
<TableHead className="text-slate-700 dark:text-white font-bold">Name</TableHead>
<TableHead className="text-slate-700 dark:text-white font-bold">Basispreis</TableHead>
@@ -245,6 +246,7 @@ export function ProductList({ initialProducts, categories }: { initialProducts:
)}
</TableBody>
</Table>
</div>
</CardContent>
</Card>