status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(stapper): use module in css

This commit is contained in:
Hristo Nedelkov 2024-02-02 12:38:32 +02:00
parent eb3b5fc87c
commit af3e59895f
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
View File

@ -2,7 +2,7 @@ import { Stepper, Step } from 'react-form-stepper'
import { useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
import { FORM_STEPS } from '../../../constants' import { FORM_STEPS } from '../../../constants'
import { useWindowSize } from '../../../hooks/useWindowSize' import { useWindowSize } from '../../../hooks/useWindowSize'
import './FormStepper.css' import styles from './FormStepper.module.css'
type FormStepperProps = { type FormStepperProps = {
activeStep: number activeStep: number
@ -94,7 +94,7 @@ const FormStepper = ({ activeStep }: FormStepperProps) => {
<Step <Step
key={originalIndex} key={originalIndex}
label={`${step.label}`} label={`${step.label}`}
className="custom-step" className={styles['custom-step']}
onClick={() => changeStepOnClickHandler(originalIndex)} onClick={() => changeStepOnClickHandler(originalIndex)}
completed={activeStep > originalIndex - 1} completed={activeStep > originalIndex - 1}
data-subtitle={step.subtitle} data-subtitle={step.subtitle}