TODO#130455 backActionBar 固定置頂

Mila

2021-11-18 f74d302a60ea1ca9213f3413088620a1287bc479

TODO#130455 backActionBar 固定置頂

 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;

 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;