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

Mobile hotfix

Browse source
This commit is contained in:
Justin Edmund 2022-12-26 16:23:47 -08:00
parent 82b1b49c5a
commit 39cfc90b44
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
components/JobSection/index.scss
View file

@ -1,13 +1,20 @@
#Job { #Job {
box-sizing: border-box;
display: flex; display: flex;
margin-bottom: $unit * 3; margin-bottom: $unit * 3;
@media (max-width: $phone) {
flex-direction: column;
gap: $unit;
}
select { select {
flex-grow: 1; flex-grow: 1;
width: auto; width: auto;
} }
.JobDetails { .JobDetails {
box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
@ -31,9 +38,11 @@
$height: 252px; $height: 252px;
$width: 447px; $width: 447px;
aspect-ratio: 7/9;
background: url('/images/background_a.jpg'); background: url('/images/background_a.jpg');
background-size: 500px 281px; background-size: 500px 281px;
border-radius: $unit; border-radius: $unit;
box-sizing: border-box;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
display: block; display: block;
flex-grow: 2; flex-grow: 2;
@ -47,6 +56,13 @@
width: $width; width: $width;
transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out;
@media (max-width: $phone) {
aspect-ratio: 16/9;
margin: 0;
width: inherit;
height: inherit;
}
img { img {
-webkit-filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.48)); -webkit-filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.48));
filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.48)); filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.48));