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

refactor(wizard): polish stepper and summary sidebar ui

Browse Source
This commit is contained in:
DanielS
2026-08-06 17:32:25 +02:00
parent a94f883ab6
commit 83d9b796c6
2 changed files with 63 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
shop/components/wizard/summary-sidebar.tsx
View File

@@ -69,10 +69,11 @@ export function SummarySidebar({
prevStep,
}: SummarySidebarProps) {
return (
<Card className="glass-dark border-primary/20 backdrop-blur-lg bg-slate-950/75 flex flex-col max-h-[80vh]">
<CardHeader className="shrink-0">
<CardTitle className="text-white">Zusammenfassung</CardTitle>
</CardHeader>
<div className="sticky top-6">
<Card className="bg-[oklch(0.145_0.01_148)]/90 backdrop-blur-md border border-slate-800 shadow-[0_0_30px_rgba(0,0,0,0.5)] rounded-2xl overflow-hidden flex flex-col max-h-[80vh]">
<CardHeader className="shrink-0">
<CardTitle className="text-white">Zusammenfassung</CardTitle>
</CardHeader>
<CardContent className="space-y-4 flex-1 overflow-y-auto subpixel-antialiased scrollbar-thin scrollbar-thumb-white/10 scrollbar-track-transparent">
{visibleCategories.map(cat => {
const sel = selections[cat.id]
@@ -292,6 +293,7 @@ export function SummarySidebar({
Zurück zum Abrechnungsmodell
</Button>
</CardFooter>
</Card>
</Card>
</div>
)
}