Update img tags to NuxtImg

This commit is contained in:
marzban-dev
2025-03-23 23:22:17 +03:30
parent f9ca2a2e2f
commit eab8bfcbd5
23 changed files with 78 additions and 51 deletions
+2 -2
View File
@@ -28,7 +28,7 @@ if (response.isError) {
<template>
<div class="container">
<div class="w-full h-[80svh] rounded-3xl relative overflow-hidden">
<img class="absolute object-cover size-full" :alt="article!.title" :src="article!.cover_image" />
<NuxtImg class="absolute object-cover size-full" :alt="article!.title" :src="article!.cover_image" />
<div class="absolute bg-linear-to-t from-black/75 to-transparent size-full" />
<div class="absolute pl-10 right-10 bottom-10 flex flex-col gap-6">
<h1 class="typo-h-4 text-white pl-8">
@@ -48,7 +48,7 @@ if (response.isError) {
class="w-fit pr-2 pl-5 h-[50px] rounded-full flex items-center justify-center gap-3 bg-white">
<div
class="relative flex items-center justify-center rounded-full overflow-hidden size-[35px]">
<img
<NuxtImg
class="size-full object-cover absolute"
:src="article!.author.profile_photo"
alt="article-author"
+1 -1
View File
@@ -76,7 +76,7 @@ const selectedGateway = ref<PaymentGateway>(paymentGateways.value[0]);
class="w-full p-5 border rounded-xl flex flex-col gap-4 transition-all cursor-pointer"
>
<div class="aspect-square flex-center">
<img :src="gateway.picture" class="object-cover" />
<NuxtImg :src="gateway.picture" class="object-cover" />
</div>
<span class="typo-label-sm text-black">
{{ gateway.title }}
+1 -1
View File
@@ -133,7 +133,7 @@ const contactWays = ref([
</div>
</div>
<div class="w-4/12 h-full bg-red-300">
<img src="/mlz.jpeg" class="-mt-16" />
<NuxtImg src="/mlz.jpeg" class="-mt-16" />
</div>
</div>
</div>