💄 Update button & padding style

likecoin · Nov 18, 2024 · 58fa3cd · 58fa3cd
1 parent 131b7df
commit 58fa3cd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/components/NFTStockLabel.vue b/src/components/NFTStockLabel.vue
@@ -33,7 +33,7 @@ export default {
       const classes = [
         'whitespace-nowrap',
         'px-[8px]',
-        'py-[4px]',
+        'py-[2px]',
         'rounded-[4px]',
         'text-[12px]',
         'font-500',

diff --git a/src/pages/nft/class/_classId/index.vue b/src/pages/nft/class/_classId/index.vue
@@ -56,7 +56,8 @@
               <div class="flex flex-col gap-[8px] mt-[24px] w-full">
                 <ButtonV2
                   preset="outline"
-                  class="w-full h-[32px] border-[#EBEBEB]"
+                  class="w-full !h-[32px] !rounded-[10px] border-[#EBEBEB]"
+                  size="tiny"
                   :is-disabled="isAllSoldOut"
                   @click="handleGiftFromEditionSelector"
                 >
@@ -70,7 +71,8 @@
                 <ButtonV2
                   v-if="!isAllSoldOut"
                   preset="outline"
-                  class="w-full h-[32px] border-[#EBEBEB]"
+                  size="tiny"
+                  class="w-full !h-[32px] !rounded-[10px] border-[#EBEBEB]"
                   content-class="text-[12px] text-dark-gray"
                   :text="compareButtonText"
                   @click="handleClickEditionCompareButton"

diff --git a/src/pages/nft/collection/_collectionId/index.vue b/src/pages/nft/collection/_collectionId/index.vue
@@ -13,7 +13,8 @@
           <template #column-left>
             <ButtonV2
               preset="outline"
-              class="w-full h-[32px] border-[#EBEBEB]"
+              class="w-full !h-[32px] !rounded-[10px] border-[#EBEBEB]"
+              size="tiny"
               :is-disabled="isAllSoldOut"
               @click="handleGiftFromEditionSelector"
             >