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