Merge branch 'master' of http://git.choozmo.com:3000/choozmo/hhh-page-dev

Columns-detail.html

@@ -1571,7 +1571,18 @@
               <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/program/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/dc6b655.svg" alt=""></a></div>
               <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/login/index" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/76749fd.svg" alt=""></a></div>
             </div>
-          </div>
+        </div>
+
+        <div class="fixed-btn">
+            <!-- <div class="btn-gotop mb-2">
+              <img src="images/gotop.png" width="28" alt="">
+            </div> -->
+            <div class="btn-gotop">
+              <img src="images/gotop.webp" width="28" alt="">
+            </div>
+        </div>
+
+        
 
         <footer class="footer d-none d-md-block">
             <div class="container" style="margin:0 auto;">

cases.html

@@ -1431,7 +1431,15 @@
 
             </div>
         </div>
-
+        
+        <div class="fixed-btn">
+            <!-- <div class="btn-gotop mb-2">
+              <img src="images/gotop.png" width="28" alt="">
+            </div> -->
+            <div class="btn-gotop">
+              <img src="images/gotop.webp" width="28" alt="">
+            </div>
+        </div>
 
         <div class="container-fluid px-0 m-0 fixed_menu d-block d-md-none">
             <div class="row gx-2 ps-1 pe-2">

css/style.css

@@ -3045,4 +3045,30 @@ body {
     padding: 0;
   }
 }
+
+.fixed-btn {
+  position: fixed;
+  right: 15px;
+  bottom: 8rem;
+}
+
+@media (min-width: 480px) {
+  .fixed-btn {
+    bottom: 5rem;
+  }
+}
+
+.fixed-btn .btn-gotop {
+  padding: 1.2rem .8rem;
+  background-color: rgba(255, 255, 255, 0.897);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
 /*# sourceMappingURL=style.css.map */

css/style.scss

@@ -2474,4 +2474,22 @@ body {
     }
 }
 
+.fixed-btn {
+    position: fixed;
+    right: 15px;
+    bottom: 8rem;
+    @media (min-width: $horizontal) {
+        bottom: 5rem;
+    } 
+    .btn-gotop {
+        padding: 1.2rem .8rem;
+        background-color: rgba(255, 255, 255, 0.897);
+        display: flex;
+        align-items: center;
+        box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+        -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+        -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
+    }
+        
+}