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

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

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