style: fixed styles and wizard step icons
This commit is contained in:
parent
cefe9e2521
commit
7551a50c23
11 changed files with 65 additions and 39 deletions
|
|
@ -31,7 +31,7 @@ const Wizard = ({ header, nextStepText, finalStepText, finish, children }) => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<div className={classes.header}>{header}</div>
|
||||
<div>{header}</div>
|
||||
<div className={classes.body}>
|
||||
<div className={classes.columnWrapper}>
|
||||
{/* TODO: wizard steps icons are a little strange... */}
|
||||
|
|
@ -41,14 +41,25 @@ const Wizard = ({ header, nextStepText, finalStepText, finish, children }) => {
|
|||
|
||||
if (i < currentStepIndex)
|
||||
elementToRender.push(
|
||||
<CompleteIcon key={elementToRender.length} />
|
||||
<CompleteIcon
|
||||
key={elementToRender.length}
|
||||
className={classes.wizardStepIcon}
|
||||
/>
|
||||
)
|
||||
else if (i === currentStepIndex)
|
||||
elementToRender.push(
|
||||
<CurrentIcon key={elementToRender.length} />
|
||||
<CurrentIcon
|
||||
key={elementToRender.length}
|
||||
className={classes.wizardStepIcon}
|
||||
/>
|
||||
)
|
||||
else
|
||||
elementToRender.push(<EmptyIcon key={elementToRender.length} />)
|
||||
elementToRender.push(
|
||||
<EmptyIcon
|
||||
key={elementToRender.length}
|
||||
className={classes.wizardStepIcon}
|
||||
/>
|
||||
)
|
||||
|
||||
if (i < currentStepIndex)
|
||||
elementToRender.push(
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue