From 3f2ccf2d8bc8ff6ca9fbc72e831b7b2eb4bc5f06 Mon Sep 17 00:00:00 2001 From: wayne <wayne8692wayne8692@gmail.com> Date: 星期四, 10 二月 2022 16:58:32 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/Phase3' into Phase3 --- PAMapp/layouts/home.vue | 34 +++++++++++++++++++++++++++++----- 1 files changed, 29 insertions(+), 5 deletions(-) diff --git a/PAMapp/layouts/home.vue b/PAMapp/layouts/home.vue index 9ed8242..0ea0947 100644 --- a/PAMapp/layouts/home.vue +++ b/PAMapp/layouts/home.vue @@ -1,13 +1,37 @@ <template> - <div class="container"> + <div class="pam-background"> <NavBar></NavBar> - <Nuxt></Nuxt> + <div class="pam-container"> + <Nuxt></Nuxt> + </div> <Footer></Footer> </div> </template> +<script lang="ts"> + import { Component ,Vue } from "nuxt-property-decorator"; + import * as _ from 'lodash'; + @Component + export default class DefaultLayout extends Vue { -<style lang="scss" scoped> - .container { - background-color: #F8F9FA; + } +</script> +<style lang="scss" scoped> + .pam-background { + background-color: #F8F9FA; + padding-top:$MOB_NAV_BAR; + display: flex; + flex-direction: column; + min-height: calc(100vh - $MOB_NAV_BAR); + .pam-container{ + flex: 1; + } + } + @include desktop{ + .pam-background { + min-height: calc(100vh - $DESKTOP_NAV_BAR); + padding-top:$DESKTOP_NAV_BAR; + } + } + </style> \ No newline at end of file -- Gitblit v1.8.0