jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixe image Container!

Browse Source
This commit is contained in:
PascalMarchesseault
2024-11-05 18:49:22 -05:00
parent 3f93a10d4a
commit c567bfdf98
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/contents/contentfullscreen/FullScreenContentMd.vue
View File

@@ -19,14 +19,22 @@
</div> </div>
<div class="flex items-center justify-center w-full h-full z-10 overflow-hidden relative"> <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 <component
v-else
:is="getComponent(currentImage)" :is="getComponent(currentImage)"
:src="currentImage" :src="currentImage"
:style="isImage(currentImage) ? imageStyle : {}" class="video-content"
:class="isImage(currentImage) ? 'image-content' : 'video-content'"
/> />
</div> </div>
<div v-if="multipleImages" class="absolute right-4 top-1/2 transform -translate-y-1/2 z-10"> <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-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> <v-icon size="36">mdi-chevron-right</v-icon>