ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix footer styling on mobile 

Also fix padding on body and footer on mobile
This commit is contained in:
Ramon Wenger 2020-09-30 17:50:50 +02:00
parent 973912ba94
commit a9de3fe403
2 changed files with 45 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/layouts/DefaultFooter.vue
View File

@ -79,16 +79,33 @@
max-width: $footer-width; max-width: $footer-width;
padding: 2*$large-spacing 0; padding: 2*$large-spacing 0;
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
@include desktop {
flex-direction: row;
justify-content: space-between;
}
} }
&__who-are-we { &__who-are-we {
width: 330px; width: 100%;
margin-bottom: $large-spacing;
@include desktop {
width: 330px;
margin-bottom: 0;
}
} }
&__logo-hep { &__logo-hep {
width: 147px; width: auto;
height: 35px; height: 35px;
margin-bottom: $large-spacing;
@include desktop {
width: 147px;
margin-bottom: 0;
}
} }
&__logo-ehb { &__logo-ehb {
@ -100,11 +117,22 @@
width: 100%; width: 100%;
max-width: $footer-width; max-width: $footer-width;
padding: $large-spacing 0; padding: $large-spacing 0;
display: flex;
flex-direction: column;
@include desktop {
flex-direction: row;
}
} }
&__link { &__link {
@include aside-with-cheese; @include aside-with-cheese;
margin-right: $large-spacing; margin-right: $large-spacing;
margin-bottom: $small-spacing;
@include desktop {
margin-bottom: 0;
}
} }
} }

14
client/src/styles/_default-layout.scss
View File

@ -46,9 +46,23 @@
grid-area: h; grid-area: h;
} }
&__content {
padding: 0 $small-spacing;
@include desktop {
padding: 0;
}
}
&__footer { &__footer {
grid-area: f; grid-area: f;
margin-top: 3*$large-spacing; margin-top: 3*$large-spacing;
padding: 0 $small-spacing;
@include desktop {
padding: 0;
}
} }
} }