From 70efc09dae2d03c2df1b036392da56bae9f7af6a Mon Sep 17 00:00:00 2001
From: Rafi <rafiwx@gmail.com>
Date: Sun, 2 Apr 2023 15:10:22 +0800
Subject: [PATCH] Optimize the layout of message content.

---
 components/MsgContent.vue | 14 ++++++--------
 pages/index.vue           |  5 -----
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/components/MsgContent.vue b/components/MsgContent.vue
index e5e6e0a..95ddba8 100644
--- a/components/MsgContent.vue
+++ b/components/MsgContent.vue
@@ -64,18 +64,16 @@ onUpdated(() => {
       rounded="lg"
       elevation="2"
   >
-    <v-card-text>
-      <div
-          ref="contentElm"
-          v-html="contentHtml"
-          class="chat-msg-content"
-      ></div>
-    </v-card-text>
+    <div
+        ref="contentElm"
+        v-html="contentHtml"
+        class="chat-msg-content pa-3"
+    ></div>
   </v-card>
 </template>
 
 <style>
-.chat-msg-content ol {
+.chat-msg-content ol, .chat-msg-content ul {
   padding-left: 2em;
 }
 .hljs-code-container {
diff --git a/pages/index.vue b/pages/index.vue
index eddc167..a088762 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -12,7 +12,6 @@ const loadConversation = async () => {
   const { data, error } = await useAuthFetch('/api/chat/conversations/' + route.params.id)
   if (!error.value) {
     conversation.value = Object.assign(conversation.value, data.value)
-    console.log(conversation.value)
   }
 }
 
@@ -24,7 +23,6 @@ const loadMessage = async () => {
 }
 
 onActivated(async () => {
-  console.log('activated')
   if (route.params.id) {
     conversation.value.loadingMessages = true
     await loadConversation()
@@ -36,9 +34,6 @@ onActivated(async () => {
   currentConversation.value = Object.assign({}, conversation.value)
 })
 
-watchEffect(() => {
-  console.log('conversation.value', conversation.value)
-})
 </script>
 
 <template>