diff options
| author | Pitu <[email protected]> | 2020-04-28 10:47:22 +0900 |
|---|---|---|
| committer | Pitu <[email protected]> | 2020-04-28 10:47:22 +0900 |
| commit | d63f1f57e9bd1314de204d92634ca1262d089111 (patch) | |
| tree | 7c1f0c02931c9e17fe3b45e3d7d35d2b18046deb /src/site/layouts | |
| parent | feature: footer (diff) | |
| download | host.fuwn.me-d63f1f57e9bd1314de204d92634ca1262d089111.tar.xz host.fuwn.me-d63f1f57e9bd1314de204d92634ca1262d089111.zip | |
wip:
* Dark theme by default
* Re-arranged vue files structure
* Re-arranged the layout file to make it easier to extend
Diffstat (limited to 'src/site/layouts')
| -rw-r--r-- | src/site/layouts/default.vue | 36 |
1 files changed, 30 insertions, 6 deletions
diff --git a/src/site/layouts/default.vue b/src/site/layouts/default.vue index 4dc8c0e..1642980 100644 --- a/src/site/layouts/default.vue +++ b/src/site/layouts/default.vue @@ -1,17 +1,23 @@ <template> <div v-bar> <div> - <div class="layout"> - <nuxt-child id="app" /> - <Footer /> - </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> </div> </template> <script> +import Navbar from '~/components/navbar/Navbar.vue'; import Footer from '~/components/footer/Footer'; export default { - components: { Footer }, + components: { Navbar, Footer }, computed: { config() { return this.$store.state.config; @@ -43,7 +49,25 @@ export default { </script> <style lang="scss"> html { overflow: hidden !important; } - .layout { height: 100vh; } + .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; + } + } @import "~/assets/styles/style.scss"; @import "~/assets/styles/icons.min.css"; </style> +<style lang="scss" scoped> + .hero-body { + align-items: baseline !important; + } +</style> |