Wal/Clyde
1
0
Fork 0
forked from PGL/Clyde
Code Pull Requests Activity

show sender on message

Browse Source
This commit is contained in:
Debucquoy Anthony
2024-04-02 10:03:47 +02:00
parent ce56e37a33
commit ccb954e348
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/Apps/Msg.vue
View File

@ -24,7 +24,8 @@
<h1 id=msgName ><input class="InputTitle" type="text" @change="updateDiscussionName(currentDiscussion.id, currentDiscussion.name)" v-model="currentDiscussion.name"></h1> <h1 id=msgName ><input class="InputTitle" type="text" @change="updateDiscussionName(currentDiscussion.id, currentDiscussion.name)" v-model="currentDiscussion.name"></h1>
<div id=msgs> <div id=msgs>
<div class="msg" v-for="msg in currentDiscussion.msgs" :sender="msg.sender" :key="msg.id"> <div class="msg" v-for="msg in currentDiscussion.msgs" :sender="msg.sender" :key="msg.id">
{{ msg.content }} {{ msg.content }}<br/>
<span class="sender" v-if="!msg.sender">{{msg.author.firstName}}</span>
</div> </div>
</div> </div>
<div id=messageBox> <div id=messageBox>
@ -176,6 +177,12 @@ div#discussion{
align-self: start; align-self: start;
} }
.sender{
display: inline-block;
color: gray;
font-size: 0.5em;
}
.msg[sender=true]{ .msg[sender=true]{
background-color: darkorange; background-color: darkorange;
align-self: end; align-self: end;