Fixe image Container!
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user