| | |
| | | <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> |