rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed mobile background layout

This commit is contained in:
ManjaroOne666 2019-01-30 17:43:09 +00:00
parent 1cc635119e
commit 727b975867
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/ContentPage.vue
View File

@ -38,15 +38,16 @@ $z-index-bottom: 5;
$z-index-top: 10; $z-index-top: 10;
.content-page { .content-page {
position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: $site-menu__header-width 0 0 0; padding: $site-menu__header-width 0 0 0;
overflow-y: auto;
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {
padding: 0 0 0 $site-menu__header-width; padding: 0 0 0 $site-menu__header-width;
overflow-y: hidden;
} }
background-color: $color__neutral-100; background-color: $color__neutral-100;
@ -59,13 +60,13 @@ $z-index-top: 10;
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow-y: auto;
overflow-x: hidden;
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
overflow-y: auto;
overflow-x: hidden;
} }
} }