From fd0e8aed10bb254c3cdef16bf2e5da8cd83b3795 Mon Sep 17 00:00:00 2001
From: Wei Ouyang <oeway007@gmail.com>
Date: Sun, 20 Sep 2020 12:46:55 +0200
Subject: [PATCH] Fix the height of the landing page

---
 src/components/Partners.vue | 24 +++++++++++++++++-------
 src/views/Home.vue          |  7 +++++--
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/components/Partners.vue b/src/components/Partners.vue
index 61dfc676..558cca81 100644
--- a/src/components/Partners.vue
+++ b/src/components/Partners.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script>
-const ICON_WIDTH = 140;
 export default {
   name: "Partners",
   props: {
@@ -39,8 +38,9 @@ export default {
   },
   data() {
     return {
+      icon_width: 140,
       selectedPartnerIndex: 0,
-      items2Show: window.innerWidth / ICON_WIDTH
+      items2Show: window.innerWidth / 140
     };
   },
   mounted() {
@@ -52,7 +52,12 @@ export default {
   },
   methods: {
     updateSize() {
-      this.items2Show = window.innerWidth / ICON_WIDTH;
+      if (window.innerWidth < 512) {
+        this.icon_width = 80;
+      } else {
+        this.icon_width = 140;
+      }
+      this.items2Show = window.innerWidth / this.icon_width;
       this.$forceUpdate();
     },
     switchPartner(partner) {
@@ -73,7 +78,7 @@ export default {
   text-align: center;
   width: 100vw;
   max-width: 100vw;
-  position: absolute;
+  /* position: absolute; */
   bottom: 0px;
   right: 0px;
   left: 0px;
@@ -81,8 +86,8 @@ export default {
   margin-left: 0px;
 }
 .carousel-list {
-  padding-left: 30px;
-  padding-right: 30px;
+  padding-left: 100px;
+  padding-right: 100px;
 }
 .partner-logo {
   height: 80px;
@@ -90,7 +95,12 @@ export default {
   width: auto;
   margin-bottom: 10px;
 }
-
+@media screen and (max-width: 1024px) {
+  .carousel-list {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}
 @media screen and (max-width: 500px) {
   .partner-logo {
     height: 60px;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5bcdde15..ab4824d7 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -55,8 +55,11 @@
       </div>
     </nav>
     <!-- Header -->
-    <section class="hero is-link is-fullheight is-fullheight-with-navbar">
-      <div class="hero-body">
+    <section
+      class="hero is-link is-fullheight is-fullheight-with-navbar"
+      style="max-height: 1024px!important;height:100%;min-height:680px;"
+    >
+      <div class="hero-body" style="position: relative;">
         <img
           class="background-img"
           v-if="selectedPartner"