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

Further SearchModal styling

Browse source
This commit is contained in:
Justin Edmund 2022-02-28 18:16:53 -08:00
parent d66bdc07f6
commit f16c53ed16
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/SearchModal/index.scss
View file

@ -12,7 +12,7 @@
display: flex; display: flex;
gap: $unit * 2.5; gap: $unit * 2.5;
margin: 0; margin: 0;
padding: ($unit * 3) ($unit * 3) ($unit * 2) ($unit * 3); padding: ($unit * 3) ($unit * 3) ($unit) ($unit * 3);
position: sticky; position: sticky;
top: 0; top: 0;
@ -27,7 +27,8 @@
width: 100%; width: 100%;
.Input { .Input {
border: 1px solid $grey-70; background: $grey-90;
border: none;
border-radius: $unit / 2; border-radius: $unit / 2;
box-sizing: border-box; box-sizing: border-box;
font-size: $font-regular; font-size: $font-regular;
@ -40,9 +41,13 @@
#Results { #Results {
margin: 0; margin: 0;
max-height: 330px; max-height: 356px;
padding: $unit ($unit * 1.5); padding: 0 ($unit * 1.5);
overflow-y: scroll; overflow-y: scroll;
.WeaponResult:last-child {
margin-bottom: $unit * 1.5;
}
} }
} }

1
styles/variables.scss
View file

@ -63,6 +63,7 @@ $font-tiny: 11px;
$font-small: 13px; $font-small: 13px;
$font-button: 15px; $font-button: 15px;
$font-regular: 16px; $font-regular: 16px;
$font-medium: 18px;
$font-large: 21px; $font-large: 21px;
$font-xlarge: 24px; $font-xlarge: 24px;
$font-xxlarge: 28px; $font-xxlarge: 28px;