From 7cdda8712cc5166182f832a9b78517793b06da54 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 19 Dec 2024 11:56:20 +0100
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=94=A7=20is-32x32=20bulma=20to=20tail?=
 =?UTF-8?q?wind?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/profile/CollectionFilter.vue                  | 2 +-
 components/shared/filters/modules/PopularCollections.vue | 2 +-
 components/swap/PreviewItem.vue                          | 2 +-
 components/transfer/Transfer.vue                         | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/profile/CollectionFilter.vue b/components/profile/CollectionFilter.vue
index 37d64f1c3e..646d6b5600 100644
--- 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/shared/filters/modules/PopularCollections.vue b/components/shared/filters/modules/PopularCollections.vue
index 7da9e31458..04fe0aad09 100644
--- 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
index 72f71ef7b1..64a29f9e85 100644
--- 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
index 37eabcf074..7eee12702c 100644
--- 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"
             >

From 25e37e5a89e523ac488e16cc9dc8fe42d7f472f7 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 19 Dec 2024 11:56:41 +0100
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=94=A7=20is-24x24=20bulma=20to=20tail?=
 =?UTF-8?q?wind?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/base/MediaItem.vue                | 2 +-
 components/transfer/TransferConfirmModal.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/base/MediaItem.vue b/components/base/MediaItem.vue
index a601c5c68b..0a240aa370 100644
--- 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/transfer/TransferConfirmModal.vue b/components/transfer/TransferConfirmModal.vue
index ed4d199814..66dbd8ab4e 100644
--- 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"
           >

From c7511e16be64e3efa710f95ff1f897056da084fa Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Thu, 19 Dec 2024 11:57:21 +0100
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=94=A7=20is-48x48=20bulma=20to=20tail?=
 =?UTF-8?q?wind?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/common/CartItemDetails.vue                         | 4 ++--
 components/common/ConnectWallet/ReconnectWalletModal.vue      | 4 ++--
 .../common/confirmPurchaseModal/ConfirmPurchaseItemRow.vue    | 2 +-
 components/common/shoppingCart/ShoppingCartItemRow.vue        | 2 +-
 components/create/Confirm/ConfirmMintItem.vue                 | 2 +-
 components/series/SeriesTable.vue                             | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/common/CartItemDetails.vue b/components/common/CartItemDetails.vue
index 8301012aef..8f26cadd3b 100644
--- 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
index 6ceb7a5010..20001f11e1 100644
--- 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
index 4e3c339de4..b14cc6a46e 100644
--- 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
index 7fceb2ba42..b234c4225e 100644
--- 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
index b5d04e83a4..85fd2f21c4 100644
--- 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/series/SeriesTable.vue b/components/series/SeriesTable.vue
index 7b41a78c90..3b40a2fe0c 100644
--- 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"