From aead788292f91026fd0549facbdb2d7baba55921 Mon Sep 17 00:00:00 2001
From: Lucas Schumacher <technolucas@protonmail.com>
Date: Thu, 9 Nov 2023 13:42:40 -0500
Subject: [PATCH] Show timestamp

---
 client/src/components/Chat.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Chat.vue b/client/src/components/Chat.vue
index 6b7a1aa..38f0081 100644
--- a/client/src/components/Chat.vue
+++ b/client/src/components/Chat.vue
@@ -52,9 +52,12 @@ onMounted(async () => {
       </div>
         -->
       <div v-for="msg in msgs" class="d-flex text-body-secondary pt-2 px-3 border-bottom">
-        <p class="pb-2 mb-0 small lh-sm">
+        <p class="pb-2 mb-0 small lh-sm word-wrap">
+        <div class="d-flex justify-content-between">
           <strong class="d-block text-gray-dark">{{ msg.username }}</strong>
-          {{ msg.message }}
+          <div>{{ msg.timestamp }}</div>
+        </div>
+        {{ msg.message }}
         </p>
       </div>
       <form onsubmit="event.preventDefault();" class="container-fluid fixed-bottom mb-3">
@@ -68,3 +71,10 @@ onMounted(async () => {
   </main>
 </template>
 
+<style scoped>
+.word-wrap {
+  word-break: break-all;
+  width: 100vw;
+}
+</style>
+