|
|
@ -1090,6 +1090,9 @@ const NetworkInitForm = forwardRef< |
|
|
|
[gatewayInterface, networkInputs], |
|
|
|
[gatewayInterface, networkInputs], |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const networkInputMinWidth = '13em'; |
|
|
|
|
|
|
|
const networkInputWidth = '25%'; |
|
|
|
|
|
|
|
|
|
|
|
return isLoading ? ( |
|
|
|
return isLoading ? ( |
|
|
|
<Spinner /> |
|
|
|
<Spinner /> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
@ -1212,8 +1215,8 @@ const NetworkInitForm = forwardRef< |
|
|
|
'& > div': { |
|
|
|
'& > div': { |
|
|
|
marginBottom: '.8em', |
|
|
|
marginBottom: '.8em', |
|
|
|
marginTop: '.4em', |
|
|
|
marginTop: '.4em', |
|
|
|
minWidth: '13em', |
|
|
|
minWidth: networkInputMinWidth, |
|
|
|
width: '25%', |
|
|
|
width: networkInputWidth, |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
'& > :not(:first-child)': { |
|
|
|
'& > :not(:first-child)': { |
|
|
@ -1247,7 +1250,15 @@ const NetworkInitForm = forwardRef< |
|
|
|
</FlexBox> |
|
|
|
</FlexBox> |
|
|
|
<FlexBox |
|
|
|
<FlexBox |
|
|
|
sm="row" |
|
|
|
sm="row" |
|
|
|
sx={{ marginTop: '.2em', '& > :last-child': { flexGrow: 1 } }} |
|
|
|
sx={{ |
|
|
|
|
|
|
|
marginLeft: { sm: '3.8em' }, |
|
|
|
|
|
|
|
marginTop: '.2em', |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
'& > *': { |
|
|
|
|
|
|
|
minWidth: networkInputMinWidth, |
|
|
|
|
|
|
|
width: { sm: networkInputWidth }, |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
<InputWithRef |
|
|
|
<InputWithRef |
|
|
|
input={ |
|
|
|
input={ |
|
|
|