Fixe image Container!

This commit is contained in:
PascalMarchesseault
2024-11-05 18:49:22 -05:00
parent 3f93a10d4a
commit c567bfdf98

View File

@@ -19,14 +19,22 @@
</div>
<div class="flex items-center justify-center w-full h-full z-10 overflow-hidden relative">
<img
:src="currentImage"
:style="imageStyle"
class="image-content"
v-if="isImage(currentImage)"
alt="Image"
/>
<component
v-else
:is="getComponent(currentImage)"
:src="currentImage"
:style="isImage(currentImage) ? imageStyle : {}"
:class="isImage(currentImage) ? 'image-content' : 'video-content'"
class="video-content"
/>
</div>
<div v-if="multipleImages" class="absolute right-4 top-1/2 transform -translate-y-1/2 z-10">
<v-btn @click="nextImage" variant="plain" class="rounded-full bg-gray-800 text-white w-12 h-12">
<v-icon size="36">mdi-chevron-right</v-icon>