From a922dbf425c61eeb276720d2303d4c9e4292e80b Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期五, 26 十一月 2021 10:28:19 +0800
Subject: [PATCH] [ Update ] 修正 page-container min-height高度
---
PAMapp/layouts/home.vue | 14 +++++++++++++-
1 files changed, 13 insertions(+), 1 deletions(-)
diff --git a/PAMapp/layouts/home.vue b/PAMapp/layouts/home.vue
index 509d1ee..0ea0947 100644
--- a/PAMapp/layouts/home.vue
+++ b/PAMapp/layouts/home.vue
@@ -1,14 +1,18 @@
<template>
<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 {
+
}
</script>
@@ -16,10 +20,18 @@
.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>
\ No newline at end of file
--
Gitblit v1.8.0