Fix progress line not connecting if there's only one (#2449)
This commit is contained in:
parent
8fa158246c
commit
7fcc1b1b78
@ -53,11 +53,12 @@ export function MultiStepForm ({ children, initial, steps }) {
|
|||||||
|
|
||||||
function Progress () {
|
function Progress () {
|
||||||
const steps = useSteps()
|
const steps = useSteps()
|
||||||
|
const maxSteps = useMaxSteps()
|
||||||
const stepIndex = useStepIndex()
|
const stepIndex = useStepIndex()
|
||||||
|
|
||||||
const style = (index) => {
|
const style = (index) => {
|
||||||
switch (index) {
|
switch (index) {
|
||||||
case 0: return { marginLeft: '-5px', marginRight: '-13px' }
|
case 0: return maxSteps === 2 ? { marginLeft: '-13px', marginRight: '-15px' } : { marginLeft: '-5px', marginRight: '-13px' }
|
||||||
case 1: return { marginLeft: '-13px', marginRight: '-15px' }
|
case 1: return { marginLeft: '-13px', marginRight: '-15px' }
|
||||||
default: return {}
|
default: return {}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user