granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix styles for AccountModal

Browse source
This commit is contained in:
Justin Edmund 2023-01-20 21:53:45 -08:00
parent cd3d96d36f
commit 82d1d7550a
2 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/AccountModal/index.scss
View file

@ -1,13 +1,14 @@
.Account.Dialog { .Account.DialogContent {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $unit * 2; gap: $unit-2x;
width: $unit * 64; width: $unit * 64;
form { .Fields {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $unit * 2; gap: $unit-2x;
padding: 0 $unit-4x;
} }
.DialogDescription { .DialogDescription {

20
components/AccountModal/index.tsx
View file

@ -304,14 +304,18 @@ const AccountModal = (props: Props) => {
</div> </div>
<form onSubmit={update}> <form onSubmit={update}>
{pictureField()} <div className="Fields">
{genderField()} {pictureField()}
{languageField()} {genderField()}
{themeField()} {languageField()}
<Button {themeField()}
contained={true} </div>
text={t('modals.settings.buttons.confirm')} <div className="DialogFooter">
/> <Button
contained={true}
text={t('modals.settings.buttons.confirm')}
/>
</div>
</form> </form>
</DialogContent> </DialogContent>
</Dialog> </Dialog>