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> </div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="overflow-auto max-h-[600px] border border-slate-200 dark:border-white/10 rounded-lg scrollbar-thin">
<Table> <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"> <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">Name</TableHead>
<TableHead className="text-slate-700 dark:text-white font-bold">Basispreis</TableHead> <TableHead className="text-slate-700 dark:text-white font-bold">Basispreis</TableHead>
@@ -245,6 +246,7 @@ export function ProductList({ initialProducts, categories }: { initialProducts:
)} )}
</TableBody> </TableBody>
</Table> </Table>
</div>
</CardContent> </CardContent>
</Card> </Card>