gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Improve chat look #65

Merged
sauceyred merged 18 commits from improve-chat-look into main 2025-08-14 15:29:16 +00:00
Conversation 5 Commits 18 Files changed 10 +5 -7
1 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 8a77cb9a1d - Show all commits

12
components/MessageArea.vue
View file

@ -1,14 +1,12 @@
<template>
<div id="message-area">
<div id="messages" ref="messagesElement">
<Message v-for="(message, i) of messages" :username="getDisplayName(message.member.user)" :key="message.uuid"
:text="message.message" :timestamp="messageTimestamps[message.uuid]" :img="message.member.user.avatar"
:format="timeFormat" :type="messagesType[message.uuid]"
:margin-bottom="(messages[i + 1] && messagesType[messages[i + 1].uuid] == 'normal') ?? false"
:last="i == messages.length - 1" :message-id="message.uuid" :author="message.member" :me="me"
<Message v-for="(message, i) of messages" :key="message.uuid"
:message="message" :is-reply="message.reply_to"
:author-color="`${generateIrcColor(message.member.user.uuid)}`"
:reply-message="message.reply_to ? getReplyMessage(message.reply_to) : undefined" />
:reply-message="message.reply_to ? getReplyMessage(message.reply_to) : undefined"
:type="messagesType[message.uuid]"
:editing="false"
:is-mentioned="false" />
</div>
<div id="message-box" class="rounded-corners">
<form id="message-form" @submit="sendMessage">