<template>
|
<div class="pam-background">
|
<NavBar></NavBar>
|
<div class="pam-container">
|
<Nuxt></Nuxt>
|
</div>
|
<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>
|
.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>
|
