Compare commits

...

3 Commits

Author SHA1 Message Date
DanielS
6d6bb4dfe6 style(css): remove text-gradient in favor of solid blue color
All checks were successful
Staging Build / build (push) Successful in 2m53s
2026-07-10 14:54:24 +02:00
DanielS
e59039dd4e style(wizard): show checkmark icon for past completed steps in stepper 2026-07-10 14:51:14 +02:00
DanielS
f80866218b style(wizard): highlight edited item, improve sidebar styling, and add cart count badge to stepper 2026-07-10 14:49:47 +02:00
2 changed files with 18 additions and 8 deletions

View File

@@ -106,6 +106,6 @@
} }
.text-gradient { .text-gradient {
@apply bg-clip-text text-transparent bg-gradient-to-r from-sky-500 to-blue-600 dark:from-primary dark:to-blue-400; @apply text-blue-500 dark:text-blue-400;
} }
} }

View File

@@ -738,10 +738,15 @@ 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'}`}> <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'}
{s === 3 && basketItems.length > 0 && (
<span className="bg-primary text-white text-[9px] w-4 h-4 rounded-full flex items-center justify-center font-bold px-1.5 leading-none">
{basketItems.length}
</span>
)}
</span> </span>
</div> </div>
))} ))}
@@ -1062,10 +1067,15 @@ 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'}`}> <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'}
{s === 3 && basketItems.length > 0 && (
<span className="bg-primary text-white text-[9px] w-4 h-4 rounded-full flex items-center justify-center font-bold px-1.5 leading-none">
{basketItems.length}
</span>
)}
</span> </span>
</div> </div>
))} ))}
@@ -1327,7 +1337,7 @@ export function OrderWizard({
{/* Right: Summary */} {/* Right: Summary */}
<div className="space-y-6"> <div className="space-y-6">
<Card className="glass-dark border-primary/20 sticky top-[20vh]"> <Card className="glass-dark border-primary/20 sticky top-[20vh] backdrop-blur-lg bg-slate-950/75">
<CardHeader> <CardHeader>
<CardTitle className="text-white">Zusammenfassung</CardTitle> <CardTitle className="text-white">Zusammenfassung</CardTitle>
</CardHeader> </CardHeader>
@@ -1486,7 +1496,7 @@ export function OrderWizard({
<p className="text-xs font-semibold text-slate-500 uppercase tracking-wider">Warenkorb ({basketItems.length}):</p> <p className="text-xs font-semibold text-slate-500 uppercase tracking-wider">Warenkorb ({basketItems.length}):</p>
<div className="space-y-1.5"> <div className="space-y-1.5">
{basketItems.map((item, idx) => ( {basketItems.map((item, idx) => (
<div key={idx} className="flex justify-between items-center text-xs bg-white/5 p-2 rounded border border-white/10"> <div key={idx} className={`flex justify-between items-center text-xs bg-white/5 p-2 rounded border transition-all duration-300 ${idx === editingIdx ? 'border-blue-500/50 shadow-[0_0_10px_rgba(59,130,246,0.3)]' : 'border-white/10'}`}>
<div className="flex flex-col"> <div className="flex flex-col">
<span className="text-white font-medium">{item.deviceName}</span> <span className="text-white font-medium">{item.deviceName}</span>
<span className="text-[10px] text-slate-400 capitalize">{item.billingInterval === 'one_time' ? 'Kauf' : 'Abo'}</span> <span className="text-[10px] text-slate-400 capitalize">{item.billingInterval === 'one_time' ? 'Kauf' : 'Abo'}</span>
@@ -1537,7 +1547,7 @@ export function OrderWizard({
onClick={addToBasket} onClick={addToBasket}
disabled={isNextStepDisabled} disabled={isNextStepDisabled}
> >
<UserPlus className="w-4 h-4" /> {editingIdx !== null ? 'Kasse aktualisieren' : 'Noch eine Kasse hinzufügen'} <UserPlus className="w-4 h-4" /> {editingIdx !== null ? '💾 Änderungen an Kasse speichern' : 'Noch eine Kasse hinzufügen'}
</Button> </Button>
<Separator className="bg-white/10 my-1" /> <Separator className="bg-white/10 my-1" />
<Button <Button