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

Small fixes for weapon grid

Browse source
This commit is contained in:
Justin Edmund 2023-04-16 04:18:42 -07:00
parent 68349da1e7
commit 440157a4ba
4 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/reps/WeaponRep/index.scss
View file

@ -1,5 +1,5 @@
.WeaponRep { .WeaponRep {
aspect-ratio: 2/0.95; aspect-ratio: 2/0.955;
border-radius: $card-corner; border-radius: $card-corner;
display: grid; display: grid;
grid-template-columns: 1fr 3.39fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ grid-template-columns: 1fr 3.39fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
@ -15,7 +15,6 @@
aspect-ratio: 73/153; aspect-ratio: 73/153;
display: grid; display: grid;
grid-column: 1 / 2; /* spans one column */ grid-column: 1 / 2; /* spans one column */
max-height: 149px;
} }
.GridWeapons { .GridWeapons {

2
components/weapon/WeaponGrid/index.scss
View file

@ -50,6 +50,6 @@
} }
li { li {
list-style: none; aspect-ratio: 1 / 1.035;
} }
} }

2
components/weapon/WeaponUnit/index.scss
View file

@ -176,6 +176,8 @@
} }
.WeaponName { .WeaponName {
font-size: $font-name;
line-height: 1.2;
@include breakpoint(phone) { @include breakpoint(phone) {
font-size: $font-tiny; font-size: $font-tiny;
} }

1
styles/variables.scss
View file

@ -330,6 +330,7 @@ $bold: 600;
$font-tiny: 11px; $font-tiny: 11px;
$font-small: 13px; $font-small: 13px;
$font-button: 15px; $font-button: 15px;
$font-name: 15px;
$font-regular: 16px; $font-regular: 16px;
$font-medium: 18px; $font-medium: 18px;
$font-large: 21px; $font-large: 21px;