fixed wierd scroll bar issue with images

This commit is contained in:
pandadev 2024-07-18 15:01:51 +02:00
parent 08f79ece60
commit 433b118f41
No known key found for this signature in database
GPG key ID: C39629DACB8E762F

View file

@ -40,10 +40,11 @@
</div> </div>
</template> </template>
</OverlayScrollbarsComponent> </OverlayScrollbarsComponent>
<OverlayScrollbarsComponent class="content"> <div class="content" v-if="selectedItem?.content_type === 'image'">
<img v-if="selectedItem?.content_type === 'image'" :src="getComputedImageUrl(selectedItem)" alt="Image" <img :src="getComputedImageUrl(selectedItem)" alt="Image" class="image">
class="image"> </div>
<img v-else-if="isYoutubeWatchUrl(selectedItem?.content)" :src="getYoutubeThumbnail(selectedItem.content)" <OverlayScrollbarsComponent v-else class="content">
<img v-if="isYoutubeWatchUrl(selectedItem?.content)" :src="getYoutubeThumbnail(selectedItem.content)"
alt="YouTube Thumbnail" class="full-image"> alt="YouTube Thumbnail" class="full-image">
<span v-else>{{ selectedItem?.content || '' }}</span> <span v-else>{{ selectedItem?.content || '' }}</span>
</OverlayScrollbarsComponent> </OverlayScrollbarsComponent>