🔀 Merge #1948 into deploy/rinkeby

likecoin · Nov 13, 2024 · c487f34 · c487f34
2 parents 78c2faf + 3ee58a2
commit c487f34
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/src/components/NFTBook/ItemCard.vue b/src/components/NFTBook/ItemCard.vue
@@ -238,7 +238,7 @@
             class="relative pt-[36px] flex flex-col items-center w-full laptop:hidden"
           >
             <div
-              class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#ebebebeb]"
+              class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#EBEBEB]"
             />
             <slot name="column-edition-select" />
           </div>
@@ -250,7 +250,7 @@
           class="relative pt-[36px] flex flex-col items-center laptop:hidden"
         >
           <div
-            class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#ebebebeb]"
+            class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#EBEBEB]"
           />
           <slot name="column-left" />
         </div>

diff --git a/src/components/NFTCollection/ItemCard.vue b/src/components/NFTCollection/ItemCard.vue
@@ -158,7 +158,7 @@
             class="relative pt-[36px] flex flex-col items-center w-full laptop:hidden"
           >
             <div
-              class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#ebebebeb]"
+              class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#EBEBEB]"
             />
             <slot name="column-edition-select" />
           </div>
@@ -168,7 +168,7 @@
         </div>
         <div class="relative flex flex-col items-center laptop:hidden">
           <div
-            class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#ebebebeb]"
+            class="absolute top-0 left-0 right-0 mx-[-16px] my-[16px] border-b-[1px] border-[#EBEBEB]"
           />
           <slot name="column-left" />
         </div>

diff --git a/src/components/NFTEditionSelect.vue b/src/components/NFTEditionSelect.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col gap-[12px] w-full flex-wrap">
     <div
-      class="hidden laptop:block border-b-[1px] border-[#ebebebeb] w-full my-[16px]"
+      class="hidden laptop:block border-b-[1px] border-[#EBEBEB] w-full my-[16px]"
     />
     <div
       class="text-[18px] font-500 text-dark-gray w-full"

diff --git a/src/components/NFTEditionSelectItemV2.vue b/src/components/NFTEditionSelectItemV2.vue
@@ -33,12 +33,16 @@
       </div>
     </div>
 
-    <div class="flex flex-col whitespace-nowrap">
+    <div class="flex flex-col items-end whitespace-nowrap">
       <div
         v-if="discountInfo"
-        class="text-like-green text-[12px]"
-        v-text="discountInfo.originalPriceLabel"
-      />
+        class="text-like-green text-[12px] opacity-[50%] relative"
+      >
+        <p v-text="discountInfo.originalPriceLabel" />
+        <div
+          class="w-full h-[1px] bg-like-green absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+        />
+      </div>
       <div class="text-like-green text-[16px] font-500" v-text="priceLabel" />
     </div>
   </div>