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

Fix styles for Auth modals

Browse source
This commit is contained in:
Justin Edmund 2023-01-19 10:25:17 -08:00
parent 6777804f57
commit a06047232f
2 changed files with 40 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
components/LoginModal/index.scss
View file

@ -1,6 +1,16 @@
.Login.DialogContent form { .Login.DialogContent {
display: flex; gap: $unit;
flex-direction: column; min-width: $unit * 52;
gap: calc($unit / 2);
margin-bottom: $unit; .DialogHeader {
padding: $unit-4x $unit-3x;
}
form {
display: flex;
flex-direction: column;
gap: calc($unit / 2);
margin-bottom: $unit-3x;
padding: 0 $unit-3x;
}
} }

40
components/SignupModal/index.scss
View file

@ -1,21 +1,31 @@
.Signup.DialogContent form { .Signup.DialogContent {
display: flex; gap: $unit;
flex-direction: column; min-width: $unit * 52;
gap: calc($unit / 2);
margin-bottom: $unit;
.terms { .DialogHeader {
color: $grey-50; padding: $unit-4x $unit-3x;
font-size: $font-small; }
line-height: 1.2;
margin-top: $unit;
text-align: center;
a { form {
color: $blue; display: flex;
flex-direction: column;
gap: calc($unit / 2);
margin-bottom: $unit-2x;
padding: 0 $unit-3x;
&:hover { .terms {
color: darken($blue, 30); color: $grey-50;
font-size: $font-small;
line-height: 1.2;
margin-top: $unit;
text-align: center;
a {
color: $blue;
&:hover {
color: darken($blue, 30);
}
} }
} }
} }