From 2b27d5ec4e8e975532b2326eedf5325ab38bfa8a Mon Sep 17 00:00:00 2001
From: "Ng Wing Tat, David" <i@ngwingt.at>
Date: Thu, 15 Aug 2024 01:22:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Fix=20broken=20collection=20item?=
 =?UTF-8?q?=20grid?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NFTBook/ItemCard.vue | 14 +-------------
 src/components/NFTBook/Shelf.vue    | 27 ---------------------------
 2 files changed, 1 insertion(+), 40 deletions(-)

diff --git a/src/components/NFTBook/ItemCard.vue b/src/components/NFTBook/ItemCard.vue
index 2a3f9d246..8dc2910c6 100644
--- a/src/components/NFTBook/ItemCard.vue
+++ b/src/components/NFTBook/ItemCard.vue
@@ -7,18 +7,6 @@
       />
     </client-only>
     <div :class="['flex', 'relative', { 'mt-[48px]': !isCoverPreset }]">
-      <div
-        v-if="!isFutureTheme"
-        :class="[
-          'absolute',
-          'z-[0]',
-          'inset-x-[-38px] sm:inset-x-[-48px]',
-          'inset-y-0',
-          'bg-like-cyan-pale',
-          'rounded-[32px]',
-          shelfClass,
-        ]"
-      />
       <component
         :is="componentTag"
         :class="[coverClasses, 'mt-[-48px]', 'z-[1]']"
@@ -36,7 +24,7 @@
         />
         <NFTBookCover
           v-else
-          :class="['mt-[-48px]', coverClasses]"
+          :class="coverClasses"
           :src="imageSrc || NFTImageUrl"
           :alt="NFTName"
           :resize="200"
diff --git a/src/components/NFTBook/Shelf.vue b/src/components/NFTBook/Shelf.vue
index 67d29ee2a..8f395a3a3 100644
--- a/src/components/NFTBook/Shelf.vue
+++ b/src/components/NFTBook/Shelf.vue
@@ -38,33 +38,6 @@
           @click-avatar="$emit('click-item-avatar', classId)"
         />
       </li>
-
-      <template v-if="isShelfPreset && !isFutureTheme">
-        {{ /* NOTE: A dummy to make the book shelf extend to the right if only 1 book in 2 columns */ }}
-        <li
-          v-for="i in 2"
-          :key="`dummy-${i}`"
-          :class="[
-            'hidden',
-            getDummyResponsiveClass(i),
-            'relative',
-            'w-full',
-            'max-w-[220px]',
-            'h-[290px]',
-          ]"
-        >
-          <div
-            :class="[
-              'absolute',
-              'inset-x-[-48px]',
-              'inset-y-0',
-              'mt-[48px]',
-              'bg-like-cyan-pale',
-              'rounded-r-[32px]',
-            ]"
-          />
-        </li>
-      </template>
     </ul>
     <Dialog
       :open="dialogNFTClassList.length > 0"