PageContainer.vue (8d129109ec70a946ca5db879cd81f216ff3c804e) PageContainer.vue (74f8687d4ab358c071bd081b0b7709eba5a521c2)
1<template>
1<template>
2 <main id="main-content">
2 <main id="main-content" class="page-container">
3 <slot />
4 </main>
5</template>
6
7<script>
8export default {
9 name: 'PageContainer'
10};
11</script>
12
13<style lang="scss" scoped>
14main {
3 <slot />
4 </main>
5</template>
6
7<script>
8export default {
9 name: 'PageContainer'
10};
11</script>
12
13<style lang="scss" scoped>
14main {
15 width: 100%;
16 height: 100%;
15 padding-top: $spacer * 1.5;
16 padding-bottom: $spacer * 3;
17 padding-top: $spacer * 1.5;
18 padding-bottom: $spacer * 3;
17 padding-left: $spacer * 2;
19 padding-left: $spacer;
18 padding-right: $spacer;
20 padding-right: $spacer;
19 background-color: $gray-100;
20 height: 100%;
21 min-height: calc(100vh - 60px /*header height*/);
21 @include media-breakpoint-up($responsive-layout-bp) {
22 padding-left: $spacer * 2;
23 }
22}
23</style>
24}
25</style>