diff options
Diffstat (limited to 'src/components/group/Message.vue')
-rw-r--r-- | src/components/group/Message.vue | 20 |
1 files changed, 4 insertions, 16 deletions
diff --git a/src/components/group/Message.vue b/src/components/group/Message.vue index eedcc6e..556deb9 100644 --- a/src/components/group/Message.vue +++ b/src/components/group/Message.vue | |||
@@ -1,8 +1,8 @@ | |||
1 | <template> | 1 | <template> |
2 | <div class="message" :class="{mine: is_message_mine}"> | 2 | <div class="w-full text-left mt-2" :class="{'text-right': is_message_mine}"> |
3 | <div class="sender">{{ get_message_user }}</div> | 3 | <div class="">{{ get_message_user }}</div> |
4 | <div class="content">{{ get_message_content }}</div> | 4 | <div class="">{{ get_message_content }}</div> |
5 | <div class="date">{{ get_message_date }}</div> | 5 | <div class="">{{ get_message_date }}</div> |
6 | </div> | 6 | </div> |
7 | </template> | 7 | </template> |
8 | 8 | ||
@@ -29,15 +29,3 @@ export default { | |||
29 | } | 29 | } |
30 | } | 30 | } |
31 | </script> | 31 | </script> |
32 | |||
33 | <style scoped> | ||
34 | .message { | ||
35 | width: 100%; | ||
36 | margin-bottom: 10px; | ||
37 | color: white; | ||
38 | } | ||
39 | |||
40 | .mine { | ||
41 | color: red; | ||
42 | } | ||
43 | </style> | ||