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

style(wizard): show checkmark icon for past completed steps in stepper

Browse Source
This commit is contained in:
DanielS
2026-07-10 14:51:14 +02:00
parent f80866218b
commit e59039dd4e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shop/components/order-wizard.tsx
View File

@@ -738,7 +738,7 @@ export function OrderWizard({
: 'bg-slate-800 text-slate-400' : 'bg-slate-800 text-slate-400'
}`} }`}
> >
{s} {step > s ? <Check className="w-5 h-5" /> : s}
</div> </div>
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}> <span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}>
{s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'} {s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'}
@@ -1067,7 +1067,7 @@ export function OrderWizard({
: 'bg-slate-800 text-slate-400' : 'bg-slate-800 text-slate-400'
}`} }`}
> >
{s} {step > s ? <Check className="w-5 h-5" /> : s}
</div> </div>
<span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}> <span className={`text-xs font-semibold ${step >= s ? 'text-primary' : 'text-slate-500'} flex items-center gap-1`}>
{s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'} {s === 1 ? 'Kunde' : s === 2 ? 'Modell' : s === 3 ? 'Software' : 'Abschluss'}