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

Fix GridRep sizing in GridCollection

Browse source
This commit is contained in:
Justin Edmund 2022-12-28 23:24:19 -08:00
parent 5e8939cddf
commit 406b3c1b44
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/GridRepCollection/index.scss
View file

@ -1,7 +1,7 @@
.GridRepCollection { .GridRepCollection {
box-sizing: border-box; box-sizing: border-box;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
transition: opacity 0.14s ease-in-out; transition: opacity 0.14s ease-in-out;
@ -10,8 +10,7 @@
max-width: 996px; max-width: 996px;
@include breakpoint(tablet) { @include breakpoint(tablet) {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
max-width: inherit;
} }
@include breakpoint(phone) { @include breakpoint(phone) {