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

Fix visual bugs in GridRep

Browse source 
* Fixes the mainhand height not always being full height when the container was being responsively resized
* Adjusts the color of empty grid rectangles for dark and light mode and when being hovered over
This commit is contained in:
Justin Edmund 2023-07-02 02:27:34 -07:00
parent 83d7d6df15
commit 33d0d9f6e4
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
components/GridRep/index.module.scss
View file

@ -18,13 +18,12 @@
text-decoration: none;
}
h2,
.Grid {
.weaponGrid {
cursor: pointer;
}
.Grid .Weapon {
box-shadow: inset 0 0 0 1px var(--grid-border-color);
.weapon {
background: var(--unit-bg-hover);
}
}
@include breakpoint(phone) {
@ -43,7 +42,7 @@
grid-gap: $unit; /* add a gap of 8px between grid items */
.weapon {
background: var(--card-bg);
background: var(--unit-bg);
border-radius: 4px;
}
@ -51,7 +50,7 @@
aspect-ratio: 73/153;
display: grid;
grid-column: 1 / 2; /* spans one column */
max-height: 153px;
height: calc(100% - $unit-fourth);
}
.weapons {