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

JobSection updates

Browse source 
* Make Job preview full width
* Use smaller layout on tablets and phones
This commit is contained in:
Justin Edmund 2022-12-28 22:37:59 -08:00
parent 001dbc55f1
commit 92b21dc0cf
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/JobSection/index.scss
View file

@ -1,9 +1,10 @@
#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(phone) { @include breakpoint(tablet) {
flex-direction: column; flex-direction: column;
gap: $unit; gap: $unit;
} }
@ -60,7 +61,7 @@
@include breakpoint(phone) { @include breakpoint(phone) {
aspect-ratio: 16/9; aspect-ratio: 16/9;
margin: 0; margin: 0;
width: inherit; width: 100%;
height: inherit; height: inherit;
} }