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