From cee635ff1db9ba7c9212547831287efe56c69a1f Mon Sep 17 00:00:00 2001
From: jdlugosz963 <jdlugosz963@gmail.com>
Date: Wed, 15 Dec 2021 22:43:23 +0100
Subject: add working groups sender

---
 src/components/group/Message.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/components/group/Message.vue')

diff --git a/src/components/group/Message.vue b/src/components/group/Message.vue
index 56e2805..eedcc6e 100644
--- a/src/components/group/Message.vue
+++ b/src/components/group/Message.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="message">
+  <div class="message" :class="{mine: is_message_mine}">
       <div class="sender">{{ get_message_user }}</div>
       <div class="content">{{ get_message_content }}</div>
       <div class="date">{{ get_message_date }}</div>
@@ -19,6 +19,8 @@ export default {
       let date = new Date(this.message.create_date)
       return `${date.getDate()}/${date.getMonth()} ${date.getHours()}:${date.getMinutes()}`
     },
+
+    is_message_mine() { return this.message.is_mine }
   },
 
   created() {
@@ -31,5 +33,11 @@ export default {
 <style scoped>
 .message {
   width: 100%;
+  margin-bottom: 10px;
+  color: white;
+}
+
+.mine {
+  color: red;
 }
 </style>
-- 
cgit v1.2.3

