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

Change author ID colour
Some checks failed
Deploy with Docker Compose / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Adam French
2026-03-06 16:01:44 +00:00
parent 7a71484ecc
commit 1429a6a5cb
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,8 @@ const messagesContainer = ref(null);
function scrollToBottom() { function scrollToBottom() {
nextTick(() => { nextTick(() => {
if (messagesContainer.value) { if (messagesContainer.value) {
messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight; messagesContainer.value.scrollTop =
messagesContainer.value.scrollHeight;
} }
}); });
} }
@@ -37,9 +38,13 @@ onUnmounted(() => {
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<Header>Chat</Header> <Header>Chat</Header>
<div ref="messagesContainer" class="flex flex-col flex-1 overflow-y-auto"> <div
ref="messagesContainer"
class="flex flex-col flex-1 overflow-y-auto"
>
<p v-for="message in messages" :key="message.id"> <p v-for="message in messages" :key="message.id">
<span class="font-bold">User {{ message.authorId }}:</span> {{ message.text }} <small>{{ message.authorId }}:</small>
{{ message.text }}
</p> </p>
</div> </div>
<input v-model="messageInput" @keyup.enter="sendMessage" /> <input v-model="messageInput" @keyup.enter="sendMessage" />