mirror of
https://github.com/0PandaDEV/Qopy.git
synced 2025-04-21 13:14:04 +02:00
fixed wierd scroll bar issue with images
This commit is contained in:
parent
08f79ece60
commit
433b118f41
1 changed files with 5 additions and 4 deletions
9
app.vue
9
app.vue
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue