Use fixed width for nuxt image

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2023-10-26 21:20:55 +06:00
parent df1a6d1a97
commit fabe316cf8
3 changed files with 3 additions and 0 deletions

View File

@@ -26,6 +26,7 @@ withDefaults(defineProps<Props>(), {
<NuxtImg
:src="image || ''"
:alt="alt || ''"
width="600"
class="m-auto rounded-2xl shadow-lg h-32 md:h-72 w-4/6 md:w-4/5 content-center object-cover"
/>
<p class="text-xs sm:text-sm my-3 max-w-xl mx-auto text-center text-zinc-600 dark:text-zinc-400">

View File

@@ -29,6 +29,7 @@ withDefaults(defineProps<Props>(), {
<NuxtLink :to="path">
<NuxtImg
class="lg:h-48 md:h-36 w-full object-cover object-center rounded-t-2xl shadow-lg group-hover:scale-[1.02] transition-all duration-500"
width="300"
:src="image"
:alt="alt"
/>