From 433b118f41b42ad65a4718375fee41bcaca79674 Mon Sep 17 00:00:00 2001
From: pandadev <70103896+0PandaDEV@users.noreply.github.com>
Date: Thu, 18 Jul 2024 15:01:51 +0200
Subject: [PATCH] fixed wierd scroll bar issue with images

---
 app.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app.vue b/app.vue
index 57d32b3..a9baee7 100644
--- a/app.vue
+++ b/app.vue
@@ -40,10 +40,11 @@
         </div>
       </template>
     </OverlayScrollbarsComponent>
-    <OverlayScrollbarsComponent class="content">
-      <img v-if="selectedItem?.content_type === 'image'" :src="getComputedImageUrl(selectedItem)" alt="Image"
-        class="image">
-      <img v-else-if="isYoutubeWatchUrl(selectedItem?.content)" :src="getYoutubeThumbnail(selectedItem.content)"
+    <div class="content" v-if="selectedItem?.content_type === 'image'">
+      <img :src="getComputedImageUrl(selectedItem)" alt="Image" class="image">
+    </div>
+    <OverlayScrollbarsComponent v-else class="content">
+      <img v-if="isYoutubeWatchUrl(selectedItem?.content)" :src="getYoutubeThumbnail(selectedItem.content)"
         alt="YouTube Thumbnail" class="full-image">
       <span v-else>{{ selectedItem?.content || '' }}</span>
     </OverlayScrollbarsComponent>