保誠-保戶業務員媒合平台
HelenHuang
2022-06-09 9bdb95c9e34cef640534e5e5a1e2225a80442000
PAMapp/layouts/home.vue
@@ -1,7 +1,37 @@
<template>
    <div>
    <div class="pam-background">
        <NavBar></NavBar>
        <Nuxt></Nuxt>
        <div class="pam-container">
            <Nuxt></Nuxt>
        </div>
        <Footer></Footer>
    </div>
</template>
</template>
<script lang="ts">
    import { Component ,Vue } from "nuxt-property-decorator";
    import * as _ from 'lodash';
    @Component
    export default class DefaultLayout extends Vue {
    }
</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>