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