Myzel394/kleckrelay
1
0
Fork 0
mirror of https://github.com/Myzel394/kleckrelay-website.git synced 2025-06-19 15:55:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

improved AliasesPreferencesForm.tsx's button position

Browse Source
This commit is contained in:
Myzel394 2022-10-20 22:15:39 +02:00
parent 6f979669b5
commit 81ea76cb3a
1 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/route-widgets/SettingsRoute/AliasesPreferencesForm.tsx
View File

@ -121,21 +121,26 @@ export default function AliasesPreferencesForm(): ReactElement {
return ( return (
<> <>
<Grid container spacing={4}> <form onSubmit={formik.handleSubmit}>
<Grid item> <Grid
<Typography variant="h6" component="h3"> container
Aliases Preferences spacing={4}
</Typography> flexDirection="column"
</Grid> alignItems="center"
<Grid item> >
<Typography variant="body1" component="p"> <Grid item>
Select the default behavior for your aliases. This will <Typography variant="h6" component="h3">
only affect aliases that do not have a custom behavior Aliases Preferences
set. </Typography>
</Typography> </Grid>
</Grid> <Grid item>
<Grid item> <Typography variant="body1" component="p">
<form onSubmit={formik.handleSubmit}> Select the default behavior for your aliases. This
will only affect aliases that do not have a custom
behavior set.
</Typography>
</Grid>
<Grid item>
<Grid <Grid
display="flex" display="flex"
flexDirection="row" flexDirection="row"
@ -383,20 +388,20 @@ export default function AliasesPreferencesForm(): ReactElement {
</Grid> </Grid>
</Collapse> </Collapse>
</Grid> </Grid>
<Grid item>
<LoadingButton
loading={formik.isSubmitting}
variant="contained"
type="submit"
startIcon={<MdCheckCircle />}
>
Save Preferences
</LoadingButton>
</Grid>
</Grid> </Grid>
</form> </Grid>
<Grid item>
<LoadingButton
loading={formik.isSubmitting}
variant="contained"
type="submit"
startIcon={<MdCheckCircle />}
>
Save Preferences
</LoadingButton>
</Grid>
</Grid> </Grid>
</Grid> </form>
<ErrorSnack message={formik.errors.detail} /> <ErrorSnack message={formik.errors.detail} />
<SuccessSnack message={data?.detail} /> <SuccessSnack message={data?.detail} />
</> </>