ben.carrasco/prowler
1
0
Fork 0
mirror of https://github.com/prowler-cloud/prowler.git synced 2026-07-24 04:51:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): use design tokens in wizard stepper

Browse Source
This commit is contained in:
alejandrobailo
2026-02-24 12:04:42 +01:00
parent f390c23ac2
commit 9adbeea035
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/components/providers/wizard/wizard-stepper.tsx
+7 -7
View File
@@ -76,14 +76,14 @@ export function WizardStepper({
<span
className={cn(
"text-lg leading-7 font-normal",
isActive && "text-[#f4f4f5]",
isComplete && "text-[#f4f4f5]",
isInactive && "text-[#f4f4f5]/60",
isActive && "text-text-neutral-primary",
isComplete && "text-text-neutral-primary",
isInactive && "text-text-neutral-tertiary",
)}
>
{step.label}
</span>
<p className="text-xs leading-5 text-[#d4d4d8]">
<p className="text-text-neutral-secondary text-xs leading-5">
{step.description}
</p>
</div>
@@ -111,15 +111,15 @@ function StepCircle({ isComplete, isActive, icon: Icon }: StepCircleProps) {
if (isActive) {
return (
<div className="border-border-input-primary-pressed flex size-[44px] shrink-0 items-center justify-center rounded-full border bg-[#121110]">
<div className="border-border-input-primary-pressed bg-bg-neutral-secondary flex size-[44px] shrink-0 items-center justify-center rounded-full border">
<StepIcon icon={Icon} className="text-border-input-primary-pressed" />
</div>
);
}
return (
<div className="flex size-[44px] shrink-0 items-center justify-center rounded-full border border-[#202020] bg-[#121110]">
<StepIcon icon={Icon} className="text-[#525252]" />
<div className="border-border-neutral-secondary bg-bg-neutral-secondary flex size-[44px] shrink-0 items-center justify-center rounded-full border">
<StepIcon icon={Icon} className="text-text-neutral-tertiary" />
</div>
);
}