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

update: content moved to .content

This commit is contained in:
ManjaroOne666 2019-01-03 18:15:02 +00:00
parent 2b754c6c51
commit 811014c4cc
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/ContentPage.vue
View File

@ -2,7 +2,9 @@
<div class="content-page"> <div class="content-page">
<h1 class="page-heading">{{ heading }}</h1> <h1 class="page-heading">{{ heading }}</h1>
<section class="content-container"> <section class="content-container">
<div class="content">
<slot></slot> <slot></slot>
</div>
</section> </section>
<div class="background background-container"> <div class="background background-container">
<div class="background background-loading" <div class="background background-loading"
@ -84,18 +86,29 @@ $z-index-top: 10;
position: relative; position: relative;
height: 100%; height: 100%;
width: 100%;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {
position: absolute; position: absolute;
width: 50%;
top: 0; top: 0;
right: 0; right: 0;
} }
} }
.content {
position: absolute;
width: 100%;
top: 0;
right: 0;
@media (min-width: $bp__layout) {
width: 50%;
}
}
.background-container { .background-container {
z-index: $z-index-bottom z-index: $z-index-bottom
} }