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

Fix tablet sizing for JobSection

Browse source
This commit is contained in:
Justin Edmund 2022-12-30 05:48:26 -08:00
parent 18208a95b7
commit 758ee4dae4
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/CharacterGrid/index.scss
View file

@ -4,6 +4,10 @@
justify-content: center; justify-content: center;
margin: auto; margin: auto;
max-width: 761px; max-width: 761px;
@include breakpoint(tablet) {
align-items: center;
}
} }
#grid_characters { #grid_characters {

8
components/JobSection/index.scss
View file

@ -1,12 +1,14 @@
#Job { #Job {
align-items: center;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
margin-bottom: $unit * 3; margin-bottom: $unit * 3;
@include breakpoint(tablet) { @include breakpoint(tablet) {
align-items: center;
flex-direction: column; flex-direction: column;
gap: $unit; gap: $unit;
justify-content: center;
max-width: 447px;
} }
select { select {
@ -58,6 +60,10 @@
width: $width; width: $width;
transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out;
@include breakpoint(tablet) {
margin-right: 0;
}
@include breakpoint(phone) { @include breakpoint(phone) {
aspect-ratio: 16/9; aspect-ratio: 16/9;
margin: 0; margin: 0;