Marco/einfach-produktiv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert checkout step-number circle borders to the original color

Browse Source 
Only the connector line between steps stays the darker #c4b8a0 —
the number circles themselves go back to border-border per feedback.
This commit is contained in:
Marco
2026-07-24 21:35:41 +00:00
parent d48a00973d
commit bb3f94d39e
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/CheckoutSteps.tsx
+3 -6
View File
@@ -20,12 +20,9 @@ function StepCircle({ state, number }: { state: StepState; number: number }) {
);
}
return (
// border-[#c4b8a0], not the shared border-border (#e5e0d8) — nearly the
// same luminance as the page's own bg-bg-base (#f8f5f1), barely visible
// (fixed 2026-07-24, feedback: "die Striche bei den Nummern-Steps sind
// zu hell"). Same color as the connector line below and the checkout
// step cards' own border fix, for consistency.
<div className="flex size-9 items-center justify-center rounded-full border border-[#c4b8a0] font-bold text-body-sm text-text-muted">
// Back to the shared border-border (reverted 2026-07-24 per feedback —
// only the connector line below should be the darker #c4b8a0).
<div className="flex size-9 items-center justify-center rounded-full border border-border font-bold text-body-sm text-text-muted">
{number}
</div>
);