From b70d887ee30e589b4f1efc3d5cedb43d59ffc534 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期五, 26 十一月 2021 09:48:48 +0800
Subject: [PATCH] fix: TODO#130846 各內頁加上 navbar
---
PAMapp/layouts/home.vue | 33 ++++++++++++++++++++++++++++-----
1 files changed, 28 insertions(+), 5 deletions(-)
diff --git a/PAMapp/layouts/home.vue b/PAMapp/layouts/home.vue
index 9ed8242..932b08e 100644
--- a/PAMapp/layouts/home.vue
+++ b/PAMapp/layouts/home.vue
@@ -1,13 +1,36 @@
<template>
- <div class="container">
+ <div class="pam-background">
<NavBar></NavBar>
- <Nuxt></Nuxt>
+ <div class="pam-container">
+ <Nuxt></Nuxt>
+ </div>
<Footer></Footer>
</div>
</template>
+<script lang="ts">
+ import { Component ,Vue } from "nuxt-property-decorator";
+ import * as _ from 'lodash';
+ @Component
+ export default class DefaultLayout extends Vue {
-<style lang="scss" scoped>
- .container {
- background-color: #F8F9FA;
+
}
+</script>
+<style lang="scss" scoped>
+ .pam-background {
+ background-color: #F8F9FA;
+ padding-top:$MOB_NAV_BAR;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ .pam-container{
+ flex: 1;
+ }
+ }
+ @include desktop{
+ .pam-background {
+ padding-top:$DESKTOP_NAV_BAR;
+ }
+ }
+
</style>
\ No newline at end of file
--
Gitblit v1.8.0