From f74d302a60ea1ca9213f3413088620a1287bc479 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 18 十一月 2021 11:45:13 +0800
Subject: [PATCH] TODO#130455 backActionBar 固定置頂
---
PAMapp/components/BackActionBar.vue | 8 +++++++-
PAMapp/layouts/default.vue | 11 ++++++++++-
2 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/PAMapp/components/BackActionBar.vue b/PAMapp/components/BackActionBar.vue
index e8b993c..dd01052 100644
--- a/PAMapp/components/BackActionBar.vue
+++ b/PAMapp/components/BackActionBar.vue
@@ -49,10 +49,16 @@
<style lang="scss" scoped>
.pam-back-action-bar {
- height: 53px;
+ height: $MOB_NAV_BAR;
border: 1px solid #CCCCCC;
display: flex;
align-items: center;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background-color: $PRIMARY_WHITE;
+ z-index: 6;
i {
font-size: 20px;
padding-right: 14px;
diff --git a/PAMapp/layouts/default.vue b/PAMapp/layouts/default.vue
index 1c15771..2b96e31 100644
--- a/PAMapp/layouts/default.vue
+++ b/PAMapp/layouts/default.vue
@@ -12,7 +12,10 @@
</div>
</div>
</div>
- <div class="pam-container" :class="containClassName">
+ <div
+ class="pam-container"
+ :class="{containClassName, 'mt-navBar': bannerClassName === 'pam-no-banner'}"
+ >
<Nuxt class="pam-page-container"></Nuxt>
</div>
<Footer></Footer>
@@ -107,8 +110,14 @@
background-repeat: no-repeat;
background-position: center;
position: relative;
+ @extend .mt-navBar;
}
+ .mt-navBar {
+ margin-top: $MOB_NAV_BAR;
+ }
+
+
.pam-banner__text {
font-size: 18px;
font-weight: bold;
--
Gitblit v1.8.0