[edit] payment info

Joy-port · Aug 20, 2021 · 8c3ee2a · 8c3ee2a
1 parent f5fabe3
commit 8c3ee2a
Show file tree

Hide file tree

Showing 6 changed files with 879 additions and 829 deletions.
diff --git a/app/assets/style/all.scss b/app/assets/style/all.scss
@@ -9,7 +9,6 @@
 
 @import './helpers/base';
 @import './helpers/helpers';  //rwd heights and widths
-@import './helpers/mixin';   //vh
 
 @import './utilities/sizing';
 @import './utilities/spacing';

diff --git a/app/assets/style/helpers/_helpers.scss b/app/assets/style/helpers/_helpers.scss
@@ -40,4 +40,13 @@
   @include media-breakpoint-up(md) {
     margin-bottom: 42px;
   }
+}
+
+/* vh */
+
+.vh-100-minus-header {
+  height: calc(100vh - 60px);
+  @include media-breakpoint-up(md) {
+    height: calc(100vh - 90px);
+  }
 }
diff --git a/app/assets/style/helpers/_mixin.scss b/app/assets/style/helpers/_mixin.scss
diff --git a/app/layout.ejs b/app/layout.ejs
@@ -498,12 +498,12 @@
       </div>
 
       <!-- tickets list -->
+      <!-- 使用flex grow 撐開上下空間 -->
       <ul
         class="
           scroll-bar
           flex-grow-1
           overflow-auto
-        
           pe-2 pe-md-5
         "
       >