diff options
Diffstat (limited to 'src/components/Global/PageContainer.vue')
-rw-r--r-- | src/components/Global/PageContainer.vue | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/Global/PageContainer.vue b/src/components/Global/PageContainer.vue new file mode 100644 index 00000000..8efbf7b1 --- /dev/null +++ b/src/components/Global/PageContainer.vue @@ -0,0 +1,23 @@ +<template> + <main id="main-content"> + <slot /> + </main> +</template> + +<script> +export default { + name: 'PageContainer' +}; +</script> + +<style lang="scss" scoped> +main { + padding-top: $spacer * 1.5; + padding-bottom: $spacer * 3; + padding-left: $spacer * 2; + padding-right: $spacer; + background-color: $gray-100; + height: 100%; + min-height: calc(100vh - 60px /*header height*/); +} +</style> |