Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🔧 bulma image size to tailwind #11272

Merged
merged 3 commits into from
Dec 20, 2024
Merged

🔧 bulma image size to tailwind #11272

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7cdda87
🔧 is-32x32 bulma to tailwind
roiLeo Dec 19, 2024
25e37e5
🔧 is-24x24 bulma to tailwind
roiLeo Dec 19, 2024
c7511e1
🔧 is-48x48 bulma to tailwind
roiLeo Dec 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion components/base/MediaItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
4 changes: 2 additions & 2 deletions components/common/CartItemDetails.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)"
Expand All @@ -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>
Expand Down
4 changes: 2 additions & 2 deletions components/common/ConnectWallet/ReconnectWalletModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<BasicImage
:src="vmSwitchDetails.current.icon"
:alt="vmSwitchDetails.current.name"
class="image is-48x48"
class="image size-12"
/>
</div>

Expand All @@ -23,7 +23,7 @@
<BasicImage
:src="vmSwitchDetails.target.icon"
:alt="vmSwitchDetails.target.name"
class="image is-48x48"
class="image size-12"
/>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/common/confirmPurchaseModal/ConfirmPurchaseItemRow.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<BasicImage
:src="image"
:alt="name"
class="border image is-48x48"
class="border image size-12"
/>
</slot>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/common/shoppingCart/ShoppingCartItemRow.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<BasicImage
:src="avatar"
:alt="nft?.name"
class="border image is-48x48"
class="border image size-12"
/>
</nuxt-link>
<div
Expand Down
2 changes: 1 addition & 1 deletion components/create/Confirm/ConfirmMintItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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]">
Expand Down
2 changes: 1 addition & 1 deletion components/profile/CollectionFilter.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion components/series/SeriesTable.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
2 changes: 1 addition & 1 deletion components/shared/filters/modules/PopularCollections.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion components/swap/PreviewItem.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
2 changes: 1 addition & 1 deletion components/transfer/Transfer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
>
Expand Down
2 changes: 1 addition & 1 deletion components/transfer/TransferConfirmModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
>
Expand Down
Loading