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

Fix GridRep CSS

Browse source
This commit is contained in:
Justin Edmund 2024-04-23 01:35:52 -07:00
parent b8e25dc836
commit e4d3ce0b61
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
components/reps/GridRep/index.module.scss
View file

@ -68,12 +68,12 @@
} }
.gridContainer { .gridContainer {
aspect-ratio: 2/0.95; aspect-ratio: 2.1/1;
width: 100%; width: 100%;
} }
.characterGrid { .characterGrid {
aspect-ratio: 2/0.95; aspect-ratio: 2.1/1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -121,7 +121,7 @@
border-radius: $item-corner-small; border-radius: $item-corner-small;
aspect-ratio: 69/142; aspect-ratio: 69/142;
list-style: none; list-style: none;
height: calc(100% - $unit-half); height: calc(100% - $unit);
img { img {
border-radius: $item-corner-small; border-radius: $item-corner-small;
@ -131,9 +131,9 @@
} }
.weaponGrid { .weaponGrid {
aspect-ratio: 2/0.8; aspect-ratio: 3.25/1;
display: grid; display: grid;
grid-template-columns: 1fr 3.6fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ grid-template-columns: 1fr 3.55fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
grid-gap: $unit; /* add a gap of 8px between grid items */ grid-gap: $unit; /* add a gap of 8px between grid items */
.weapon { .weapon {
@ -145,7 +145,7 @@
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 */
height: calc(100% - $unit-fourth); height: 100%;
} }
.weapons { .weapons {
@ -176,7 +176,7 @@
} }
.summonGrid { .summonGrid {
aspect-ratio: 2/0.94; aspect-ratio: 2/0.91;
display: flex; display: flex;
gap: $unit; gap: $unit;
justify-content: space-between; justify-content: space-between;