Merge pull request #11272 from roiLeo/chore/bulma/size

🔧 bulma image size to tailwind
kodadot · Dec 20, 2024 · 9964553 · 9964553
2 parents 24fdb84 + c7511e1
commit 9964553
Show file tree

Hide file tree

Showing 12 changed files with 14 additions and 14 deletions.
diff --git a/components/base/MediaItem.vue b/components/base/MediaItem.vue
@@ -42,7 +42,7 @@
     </div>
     <div
       v-if="hasNormalTag"
-      class="bg-k-shade border-k-grey text-text-color flex items-center justify-center border rounded-md absolute right-3 top-3 image is-24x24 z-[18]"
+      class="bg-k-shade border-k-grey text-text-color flex items-center justify-center border rounded-md absolute right-3 top-3 image size-6 z-[18]"
     >
       <NeoIcon
         icon="image"

diff --git a/components/common/CartItemDetails.vue b/components/common/CartItemDetails.vue
@@ -5,7 +5,7 @@
         <div>
           <BaseMediaItem
             v-if="nft.mediaUrl"
-            class="border border-k-shade image is-48x48"
+            class="border border-k-shade image size-12"
             :class="{ 'opacity-50': discarded }"
             :alt="nft?.name"
             :src="sanitizeIpfsUrl(nft.mediaUrl.image)"
@@ -18,7 +18,7 @@
             v-else
             :src="avatar"
             :alt="nft?.name"
-            class="border image is-48x48"
+            class="border image size-12"
             :class="{ 'opacity-50': discarded }"
           />
         </div>

diff --git a/components/common/ConnectWallet/ReconnectWalletModal.vue b/components/common/ConnectWallet/ReconnectWalletModal.vue
@@ -10,7 +10,7 @@
           <BasicImage
             :src="vmSwitchDetails.current.icon"
             :alt="vmSwitchDetails.current.name"
-            class="image is-48x48"
+            class="image size-12"
           />
         </div>
 
@@ -23,7 +23,7 @@
           <BasicImage
             :src="vmSwitchDetails.target.icon"
             :alt="vmSwitchDetails.target.name"
-            class="image is-48x48"
+            class="image size-12"
           />
         </div>
       </div>

diff --git a/components/common/confirmPurchaseModal/ConfirmPurchaseItemRow.vue b/components/common/confirmPurchaseModal/ConfirmPurchaseItemRow.vue
@@ -6,7 +6,7 @@
           <BasicImage
             :src="image"
             :alt="name"
-            class="border image is-48x48"
+            class="border image size-12"
           />
         </slot>
       </div>

diff --git a/components/common/shoppingCart/ShoppingCartItemRow.vue b/components/common/shoppingCart/ShoppingCartItemRow.vue
@@ -12,7 +12,7 @@
           <BasicImage
             :src="avatar"
             :alt="nft?.name"
-            class="border image is-48x48"
+            class="border image size-12"
           />
         </nuxt-link>
         <div

diff --git a/components/create/Confirm/ConfirmMintItem.vue b/components/create/Confirm/ConfirmMintItem.vue
@@ -6,7 +6,7 @@
           <BasicImage
             :src="avatar"
             :alt="nft.name"
-            class="border image is-48x48"
+            class="border image size-12"
           />
         </div>
         <div class="flex flex-col justify-between ml-4 w-[100px] md:w-[170px]">

diff --git a/components/profile/CollectionFilter.vue b/components/profile/CollectionFilter.vue
@@ -38,7 +38,7 @@
         <div class="flex items-center filter-container grow min-w-0">
           <img
             :src="sanitizeIpfsUrl(collection.meta?.image)"
-            class="image is-32x32 is-flex-shrink-0 border mr-2"
+            class="image size-8 is-flex-shrink-0 border mr-2"
             :alt="collection.name || collection.id"
           >
           <div class="flex flex-col grow min-w-0">

diff --git a/components/series/SeriesTable.vue b/components/series/SeriesTable.vue
@@ -48,7 +48,7 @@
         header-class="z-10"
         cell-class="is-vcentered"
       >
-        <div class="image is-48x48 mb-2">
+        <div class="image size-12 mb-2">
           <BasicImage
             :src="props.row.image"
             :alt="props.row.name"

diff --git a/components/shared/filters/modules/PopularCollections.vue b/components/shared/filters/modules/PopularCollections.vue
@@ -39,7 +39,7 @@
           >
             <img
               :src="sanitizeIpfsUrl(collection.meta.image)"
-              class="image is-32x32 flex-shrink-0 border mr-2"
+              class="image size-8 flex-shrink-0 border mr-2"
               :alt="collection.meta.name || collection.id"
             >
             <div class="flex flex-col flex-grow min-w-0">

diff --git a/components/swap/PreviewItem.vue b/components/swap/PreviewItem.vue
@@ -6,7 +6,7 @@
       class="flex gap-4 items-center"
     >
       <BaseMediaItem
-        class="image is-32x32"
+        class="image size-8"
         :class="imageClass"
         :alt="name"
         :src="image"

diff --git a/components/transfer/Transfer.vue b/components/transfer/Transfer.vue
@@ -125,7 +125,7 @@
           }}</span>
           <div class="flex items-center">
             <img
-              class="mr-2 is-32x32"
+              class="mr-2 size-8"
               :src="tokenIcon"
               alt="token"
             >

diff --git a/components/transfer/TransferConfirmModal.vue b/components/transfer/TransferConfirmModal.vue
@@ -19,7 +19,7 @@
         <span class="font-bold text-base">{{ $t('activity.network') }}</span>
         <span class="flex items-center">
           <img
-            class="mr-2 image is-24x24"
+            class="mr-2 image size-6"
             :src="tokenIcon"
             alt="token"
           >