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

More phone and tablet fixes

Browse source 
This isn't perfect, but good enough for now
This commit is contained in:
Justin Edmund 2023-01-28 19:02:12 -08:00
parent da09a739f6
commit 78ffdcc1a5
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
components/PartyDetails/index.scss
View file

@ -350,10 +350,17 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $unit-2x; gap: $unit-2x;
width: 752px; margin: 0 auto;
width: 720px;
@include breakpoint(tablet) { @include breakpoint(tablet) {
gap: $unit; gap: $unit;
max-width: 720px;
margin: 0 auto;
}
@include breakpoint(phone) {
max-width: inherit;
width: 100%; width: 100%;
} }
@ -373,6 +380,8 @@
@include breakpoint(tablet) { @include breakpoint(tablet) {
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
max-width: inherit;
width: 100%;
} }
@include breakpoint(phone) { @include breakpoint(phone) {