fix(striker-ui): match gateway line style with network inputs

main
Tsu-ba-me 2 years ago
parent 7f5880974e
commit 84d63076bb
  1. 17
      striker-ui/components/NetworkInitForm.tsx

@ -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={

Loading…
Cancel
Save