style: make wizard steps blue

This commit is contained in:
Junyan Qin
2026-05-02 18:42:34 +08:00
parent 832efb4069
commit 92bf9a7ea5

View File

@@ -572,9 +572,9 @@ export default function WizardPage() {
className={cn( className={cn(
'w-6 h-6 sm:w-7 sm:h-7 rounded-full flex items-center justify-center text-xs font-medium transition-colors', 'w-6 h-6 sm:w-7 sm:h-7 rounded-full flex items-center justify-center text-xs font-medium transition-colors',
idx < currentStep idx < currentStep
? 'bg-primary text-primary-foreground' ? 'bg-blue-600 text-white'
: idx === currentStep : idx === currentStep
? 'bg-primary text-primary-foreground' ? 'bg-blue-600 text-white'
: 'bg-muted text-muted-foreground', : 'bg-muted text-muted-foreground',
)} )}
> >
@@ -588,7 +588,7 @@ export default function WizardPage() {
className={cn( className={cn(
'text-sm hidden sm:inline', 'text-sm hidden sm:inline',
idx === currentStep idx === currentStep
? 'font-medium text-foreground' ? 'font-medium text-blue-600'
: 'text-muted-foreground', : 'text-muted-foreground',
)} )}
> >
@@ -599,7 +599,7 @@ export default function WizardPage() {
<div <div
className={cn( className={cn(
'w-4 sm:w-8 h-px', 'w-4 sm:w-8 h-px',
idx < currentStep ? 'bg-primary' : 'bg-border', idx < currentStep ? 'bg-blue-600' : 'bg-border',
)} )}
/> />
)} )}