From 440157a4bab5358ddff3af20828852dc7c48a74c Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Sun, 16 Apr 2023 04:18:42 -0700 Subject: [PATCH] Small fixes for weapon grid --- components/reps/WeaponRep/index.scss | 3 +-- components/weapon/WeaponGrid/index.scss | 2 +- components/weapon/WeaponUnit/index.scss | 2 ++ styles/variables.scss | 1 + 4 files changed, 5 insertions(+), 3 deletions(-) diff --git a/components/reps/WeaponRep/index.scss b/components/reps/WeaponRep/index.scss index 40eee89f..65f6b487 100644 --- a/components/reps/WeaponRep/index.scss +++ b/components/reps/WeaponRep/index.scss @@ -1,5 +1,5 @@ .WeaponRep { - aspect-ratio: 2/0.95; + aspect-ratio: 2/0.955; border-radius: $card-corner; display: grid; 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; display: grid; grid-column: 1 / 2; /* spans one column */ - max-height: 149px; } .GridWeapons { diff --git a/components/weapon/WeaponGrid/index.scss b/components/weapon/WeaponGrid/index.scss index 7d04123d..c06232d4 100644 --- a/components/weapon/WeaponGrid/index.scss +++ b/components/weapon/WeaponGrid/index.scss @@ -50,6 +50,6 @@ } li { - list-style: none; + aspect-ratio: 1 / 1.035; } } diff --git a/components/weapon/WeaponUnit/index.scss b/components/weapon/WeaponUnit/index.scss index 12ec3378..4a625318 100644 --- a/components/weapon/WeaponUnit/index.scss +++ b/components/weapon/WeaponUnit/index.scss @@ -176,6 +176,8 @@ } .WeaponName { + font-size: $font-name; + line-height: 1.2; @include breakpoint(phone) { font-size: $font-tiny; } diff --git a/styles/variables.scss b/styles/variables.scss index a373b511..fffa1e9b 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -330,6 +330,7 @@ $bold: 600; $font-tiny: 11px; $font-small: 13px; $font-button: 15px; +$font-name: 15px; $font-regular: 16px; $font-medium: 18px; $font-large: 21px;