Use NuxtImg consistently for all images
This commit is contained in:
parent
b43b8e6eaf
commit
1089c9fe92
|
|
@ -25,7 +25,7 @@
|
|||
>
|
||||
|
||||
<SwiperSlide v-for="image in gallery" class="!flex !items-center !justify-center !h-auto !py-10 !bg-zinc-100">
|
||||
<img :src="'/' + bucket + '/' + image.image"
|
||||
<NuxtImg :src="'/' + bucket + '/' + image.image"
|
||||
style="max-width: calc(100% - 80px); max-height: 70vh; object-fit: contain;"/>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="flex min-h-full items-center justify-center text-center">
|
||||
<embed v-if="isPdf" :src="filePath" class="w-[85%] h-[88vh]"/>
|
||||
<img v-else-if="isImage" :src="filePath" class="w-[85%]"/>
|
||||
<NuxtImg v-else-if="isImage" :src="filePath" class="w-[85%]"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue