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

Sort of fix CSS for JobAccessoryPopover

Browse source 
This still isn't exactly what we want, but it works on mobile so it's good enough
This commit is contained in:
Justin Edmund 2023-01-26 01:30:56 -08:00
parent 18901c954b
commit 387b02d9ff
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
components/JobAccessoryPopover/index.scss
View file

@ -1,10 +1,27 @@
.JobAccessory.Popover { .JobAccessory.Popover {
padding: $unit-2x; padding: $unit-2x;
width: 504px; min-width: 40vw;
max-width: 40vw;
@include breakpoint(tablet) {
width: 100%;
max-width: initial;
}
@include breakpoint(phone) {
padding: $unit;
width: 100%;
max-width: initial;
}
.Accessories { .Accessories {
display: grid; display: grid;
gap: $unit; gap: $unit;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
@include breakpoint(tablet) {
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 0;
}
} }
} }