From c567bfdf986a36f1bc0e7aaa67520ffe209a728f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 5 Nov 2024 18:49:22 -0500
Subject: [PATCH] Fixe image Container!

---
 .../contentfullscreen/FullScreenContentMd.vue        | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/contents/contentfullscreen/FullScreenContentMd.vue b/src/views/contents/contentfullscreen/FullScreenContentMd.vue
index 58b021a..3524781 100644
--- a/src/views/contents/contentfullscreen/FullScreenContentMd.vue
+++ b/src/views/contents/contentfullscreen/FullScreenContentMd.vue
@@ -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>