🔀 Merge #1934 updates into deploy/rinkeby

likecoin · Nov 5, 2024 · 1f7d33e · 1f7d33e
2 parents 87e9466 + 9db11fb
commit 1f7d33e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 8 deletions.
diff --git a/src/components/LandingPage/FeatureItem.vue b/src/components/LandingPage/FeatureItem.vue
@@ -40,16 +40,14 @@
 
     <div
       :class="[
-        'hidden laptop:block',
+        'hidden laptop:flex',
+        'items-end',
 
         'absolute',
         'top-[45%]',
         'inset-x-0',
         'bottom-0',
 
-        'flex',
-        'items-end',
-
         'mt-[24px]',
         'px-[32px]',
         'py-[24px]',

diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -534,7 +534,7 @@
           />
         </svg>
 
-        <div class="relative w-full laptop:max-w-[1920px] mx-auto">
+        <div class="relative w-full laptop:max-w-[1600px] mx-auto">
           <h2
             :class="[
               'pt-[48px] desktop:pt-[80px]',
@@ -550,7 +550,7 @@
           <NFTBookSignatureBanner
             class="mt-[32px] desktop:mt-[48px]"
             tag="div"
-            :name="['董啟章', '陳健民', '高重建', '邵家臻', '區家麟']"
+            :name="signatureBannerNames"
           >
             <div class="flex items-center gap-[16px] mt-[32px]">
               <img
@@ -609,7 +609,10 @@
         </div>
       </section>
 
-      <section id="faq" class="pt-[12rem] pb-[3rem] font-serif">
+      <section
+        id="faq"
+        :class="[paddingClass, 'pt-[12rem]', 'pb-[3rem]', 'font-serif']"
+      >
         <div
           :class="[
             'laptop:grid',
@@ -618,7 +621,6 @@
             'w-full',
             'laptop:max-w-[1600px]',
             'mx-auto',
-            paddingClass,
           ]"
         >
           <div class="flex flex-col items-start justify-start col-span-2">
@@ -746,6 +748,15 @@ import { Swiper, SwiperSlide } from 'vue-awesome-swiper';
 import bookstoreMixin from '~/mixins/bookstore';
 
 import { logTrackerEvent } from '~/util/EventLogger';
+import { fisherShuffle } from '~/util/misc';
+
+const SIGNATURE_BANNER_NAMES = [
+  '董啟章',
+  '陳健民',
+  '高重建',
+  '邵家臻',
+  '區家麟',
+];
 
 const getFeatureIconSrc = require.context(
   '~/assets/images/about/nft-book/icons'
@@ -878,6 +889,9 @@ export default {
     bookstoreItemsInGrid() {
       return this.bookstoreItems.slice(1, 10);
     },
+    signatureBannerNames() {
+      return fisherShuffle([...SIGNATURE_BANNER_NAMES]);
+    },
     featureItems() {
       return [
         {