adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Make chatbox scroll to bottom once all images have loaded
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 1m44s
Details

Browse Source
This commit is contained in:
Adam French
2026-03-10 12:43:38 +00:00
parent 14cacec1f5
commit cd1bcc7f39
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nginx/vue/src/components/util/Chat.vue
View File

@@ -109,12 +109,14 @@ onUnmounted(() => {
v-if="isImageUrl(message.fileUrl)" v-if="isImageUrl(message.fileUrl)"
:src="message.fileUrl" :src="message.fileUrl"
class="max-w-xs max-h-48 rounded" class="max-w-xs max-h-48 rounded"
@load="scrollToBottom"
/> />
<video <video
v-else-if="isVideoUrl(message.fileUrl)" v-else-if="isVideoUrl(message.fileUrl)"
:src="message.fileUrl" :src="message.fileUrl"
controls controls
class="max-w-xs max-h-48 rounded" class="max-w-xs max-h-48 rounded"
@loadedmetadata="scrollToBottom"
/> />
<a <a
v-else v-else