From 98161c912dbcc05179391b41792a0c41a22d4e92 Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期二, 16 十一月 2021 18:06:34 +0800
Subject: [PATCH] [ Update ] 修正 chrome 開發者模式按下 有藍色背景的問題，修正 navbar 根據螢幕寬度進行改變和 fix 住
---
PAMapp/layouts/home.vue | 16 ++++++++++++++--
1 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/PAMapp/layouts/home.vue b/PAMapp/layouts/home.vue
index 9ed8242..509d1ee 100644
--- a/PAMapp/layouts/home.vue
+++ b/PAMapp/layouts/home.vue
@@ -1,13 +1,25 @@
<template>
- <div class="container">
+ <div class="pam-background">
<NavBar></NavBar>
<Nuxt></Nuxt>
<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>
- .container {
+ .pam-background {
background-color: #F8F9FA;
+ padding-top:$MOB_NAV_BAR;
+ }
+ @include desktop{
+ .pam-background {
+ padding-top:$DESKTOP_NAV_BAR;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0