[ Update ] 修正 chrome 開發者模式按下 有藍色背景的問題，修正 navbar 根據螢幕寬度進行改變和 fix 住

劉鈞霖

2021-11-16 98161c912dbcc05179391b41792a0c41a22d4e92

 PAMapp/layouts/home.vue

@@ -1,13 +1,25 @@
<template>
    <div class="container">
    <div class="pam-background">
        <NavBar></NavBar>
        <Nuxt></Nuxt>
        <Footer></Footer>
    </div>
</template>
<script lang="ts">
    import { Component ,Vue } from "nuxt-property-decorator";
    @Component
    export default class DefaultLayout extends Vue {

    }
</script>
<style lang="scss" scoped>
    .container {
    .pam-background {
        background-color: #F8F9FA;
        padding-top:$MOB_NAV_BAR;
    }
    @include desktop{
        .pam-background {
            padding-top:$DESKTOP_NAV_BAR;
        }
    }
</style>