From 0b69e52a9f61afb67374e4d164c04c6825f73644 Mon Sep 17 00:00:00 2001
From: Joy Cheng <joy.cheng97324@gmail.com>
Date: Fri, 27 Aug 2021 14:30:03 +0800
Subject: [PATCH] [edit] aos effect

---
 app/assets/style/helpers/_base.scss | 5 +++++
 app/index.html                      | 8 ++++----
 app/order-info.html                 | 2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/assets/style/helpers/_base.scss b/app/assets/style/helpers/_base.scss
index d5bd0fd..f246ec8 100644
--- a/app/assets/style/helpers/_base.scss
+++ b/app/assets/style/helpers/_base.scss
@@ -15,4 +15,9 @@ a{
 
 img{
     vertical-align: middle;
+}
+
+//動畫效果清除x軸
+html, body {
+    overflow-x: hidden;
 }
\ No newline at end of file
diff --git a/app/index.html b/app/index.html
index bbc133e..cab03c6 100644
--- a/app/index.html
+++ b/app/index.html
@@ -25,7 +25,7 @@
         pb-md-0
         offset-md-1
       "
-      data-aos="fade-in"
+      data-aos="fade"
       data-aos-duration="1200"
     >
       <div class="content">
@@ -220,7 +220,7 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
     <div class="container-md mb-7 mb-md-13">
       <h3
         class="h3 fw-bold mb-2 mb-md-7"
-        data-aos="fade-in"
+        data-aos="fade"
         data-aos-duration="1200"
       >
         熱門特展
@@ -534,12 +534,12 @@ <h2 class="h6 fw-bold mb-0 me-2">高雄設計節</h2>
   <section>
     <div
       class="container-md mb-7 mb-md-13"
-      data-aos="fade-in"
+      data-aos="fade"
       data-aos-duration="1200"
     >
       <h3
         class="fw-bold mb-2 mb-md-7"
-        data-aos="fade-in"
+        data-aos="fade"
         data-aos-duration="1200"
       >
         直播回顧
diff --git a/app/order-info.html b/app/order-info.html
index 263ce3d..95c71a7 100644
--- a/app/order-info.html
+++ b/app/order-info.html
@@ -89,7 +89,7 @@ <h3 class="h6 fw-medium mb-6">訂購人資訊</h3>
                   required
                   >
                   <button class="btn btn-outline-primary rounded-end py-2 mb-1" type="submit">優惠碼驗證</button>
-                  <!-- 這邊不知道為什麼 即使沒有填寫內容 送出資料後 invalid 的情況下還是會出現這組字-->
+                  <!-- 這邊不知道為什麼 即使沒有填寫內容 送出資料後 invalid 的情況下還是會出現這組字 -->
                   <div id="validtextCheckFeedback" class="text-end text-primary valid-feedback">優惠碼已生效</div>
               </div>