diff options
Diffstat (limited to 'src/site/layouts')
| -rw-r--r-- | src/site/layouts/default.vue | 45 |
1 files changed, 19 insertions, 26 deletions
diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue index 1642980..744285c 100644 --- a/src/site/layouts/default.vue +++ b/src/site/layouts/default.vue @@ -1,15 +1,11 @@ <template> - <div v-bar> - <div> - <section class="hero is-fullheight has-text-centered"> - <Navbar :isWhite="true" /> - <div class="hero-body"> - <nuxt-child id="app" /> - </div> - <div class="hero-foot"> - <Footer /> - </div> - </section> + <div v-bar + class="scroll-area"> + <div class="default-body"> + <Navbar :isWhite="true" /> + <nuxt-child id="app" + class="nuxt-app is-height-max-content" /> + <Footer /> </div> </div> </template> @@ -17,7 +13,10 @@ import Navbar from '~/components/navbar/Navbar.vue'; import Footer from '~/components/footer/Footer'; export default { - components: { Navbar, Footer }, + components: { + Navbar, + Footer + }, computed: { config() { return this.$store.state.config; @@ -49,25 +48,19 @@ export default { </script> <style lang="scss"> html { overflow: hidden !important; } - .is-fullheight { height: 100vh; } - .hero-body { - padding: 3rem 0 !important; - #app { - width: 100%; - & > .container { - margin-top: 5rem; - } - } - > .hero { - min-height: auto !important; - height: auto !important; - } + .is-fullheight { height: 100vh !important; } + .nuxt-app > .section { + min-height: auto !important; + height: auto !important; } @import "~/assets/styles/style.scss"; @import "~/assets/styles/icons.min.css"; </style> <style lang="scss" scoped> - .hero-body { + .default-body { align-items: baseline !important; } + .scroll-area { + height: 100vh; + } </style> |