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

fix: stepper circles always blue, replace bg-primary with bg-blue-600

Browse Source
This commit is contained in:
DanielS
2026-07-10 15:23:43 +02:00
parent 17d76f55e6
commit 305671acc6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
shop/components/wizard/progress-stepper.tsx
View File

@@ -17,16 +17,16 @@ export function ProgressStepper({ step, basketItemsCount }: ProgressStepperProps
<div <div
className={`w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 ${ className={`w-10 h-10 rounded-full flex items-center justify-center transition-all duration-500 ${
step >= s step >= s
? 'bg-primary text-white scale-110 shadow-[0_0_15px_rgba(59,130,246,0.5)]' ? 'bg-blue-600 text-white scale-110 shadow-[0_0_15px_rgba(59,130,246,0.5)]'
: 'bg-slate-800 text-slate-400' : 'bg-slate-800 text-slate-400'
}`} }`}
> >
{step > s ? <Check className="w-5 h-5" /> : 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-blue-400' : '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 && basketItemsCount > 0 && ( {s === 3 && basketItemsCount > 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"> <span className="bg-blue-600 text-white text-[9px] w-4 h-4 rounded-full flex items-center justify-center font-bold px-1.5 leading-none">
{basketItemsCount} {basketItemsCount}
</span> </span>
)} )}