admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: stepper improvements

Browse Source
This commit is contained in:
Amir Adal
2025-06-07 01:33:40 +02:00
parent 644cf2a358
commit ab3c2d1eb0
1 changed files with 38 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/ui/stepper.tsx
View File

@ -27,7 +27,6 @@ export const Stepper: React.FC<StepperProps> = ({ steps, currentStep }) => {
return ( return (
<div className="flex flex-col sm:flex-row sm:items-center w-full max-w-2xl mx-auto mb-5 sm:mb-8 gap-5 relative"> <div className="flex flex-col sm:flex-row sm:items-center w-full max-w-2xl mx-auto mb-5 sm:mb-8 gap-5 relative">
{steps.map((step, idx) => ( {steps.map((step, idx) => (
<>
<div <div
key={idx} key={idx}
className={`sm:flex p-4 pb-0 sm:p-0 flex-1 items-center ${idx < stepIndex ? "opacity-70" : ""} ${idx === stepIndex ? "flex" : "hidden"}`} className={`sm:flex p-4 pb-0 sm:p-0 flex-1 items-center ${idx < stepIndex ? "opacity-70" : ""} ${idx === stepIndex ? "flex" : "hidden"}`}
@ -80,7 +79,6 @@ export const Stepper: React.FC<StepperProps> = ({ steps, currentStep }) => {
<div className="flex-1 h-1 mx-2 min-w sm:mx-4 rounded bg-gray-300 dark:bg-gray-600" /> <div className="flex-1 h-1 mx-2 min-w sm:mx-4 rounded bg-gray-300 dark:bg-gray-600" />
)} */} )} */}
</div> </div>
</>
))} ))}
<div className="sm:hidden relative h-1 w-full bg-gray-200 dark:bg-gray-700 overflow-hidden"> <div className="sm:hidden relative h-1 w-full bg-gray-200 dark:bg-gray-700 overflow-hidden">
<div <div