Optimize the layout of message content.

2023-04-02 15:10:22 +08:00
parent 8ff914582a
commit 70efc09dae
2 changed files with 6 additions and 13 deletions
--- 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 {