💄 Fix broken collection item grid

likecoin · Aug 14, 2024 · 2b27d5e · 2b27d5e
1 parent 7190fc5
commit 2b27d5e
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 40 deletions.
diff --git 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
@@ -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"