From d173fcc2f2dfe6220034a775b15b581968de4b3c Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期六, 06 十一月 2021 11:55:53 +0800
Subject: [PATCH] update: footer - 調整 Nav-item pipe 顯示方式
---
PAMapp/components/Footer.vue | 16 ++++++++++++----
1 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/PAMapp/components/Footer.vue b/PAMapp/components/Footer.vue
index 5a9329f..d967383 100644
--- a/PAMapp/components/Footer.vue
+++ b/PAMapp/components/Footer.vue
@@ -1,12 +1,12 @@
<template>
- <footer>
+ <footer class="pam-footer">
<nav class="pam-footer-nav">
<ul class="pam-footer-nav__list">
<li
v-for="(navItem, index) in footerNavList"
:key="index"
- class="pam-footer-nav__item">
- {{ navItem.label }}<span class="pl-10" v-if="index !== footerNavList.length - 1"> | </span>
+ class="pam-footer-nav__item">{{ navItem.label }}<span class="pl-10 pam-footer-nav__item-pipe"
+ v-if="index !== footerNavList.length - 1"> | </span>
</li>
</ul>
</nav>
@@ -43,7 +43,7 @@
</script>
<style lang="scss" scoped>
-footer {
+.pam-footer {
border-top: 1px solid #CCCCCC;
background-color: $PRIMARY_WHITE;
.pam-footer-nav {
@@ -59,6 +59,14 @@
@extend .text--bold;
@extend .text--dark-blue;
@extend .cursor--pointer;
+ &:nth-of-type(3) {
+ .pam-footer-nav__item-pipe {
+ display: none;
+ @include desktop() {
+ display: inline;
+ }
+ }
+ }
}
}
}
--
Gitblit v1.8.0