From 48014f565eaf7e2a922bb5e5ce5cdb1d99c5de35 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Fri, 9 May 2025 22:39:50 +0800
Subject: [PATCH] update

---
 src/views/AIAgentView.vue | 63 ++++++++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 27 deletions(-)

diff --git a/src/views/AIAgentView.vue b/src/views/AIAgentView.vue
index 072c4ac..5ff33d2 100644
--- a/src/views/AIAgentView.vue
+++ b/src/views/AIAgentView.vue
@@ -612,7 +612,7 @@ const getIconPath = (agent: Agent) => {
   display: inline-block;
   max-width: 800px;
   min-width: 4em;
-  padding: 1rem;
+  padding: 1.5rem;
   border-radius: 0.75rem;
   word-break: break-word;
   overflow-wrap: break-word;
@@ -620,6 +620,7 @@ const getIconPath = (agent: Agent) => {
   box-sizing: border-box;
   background-clip: padding-box;
   overflow: hidden;
+  line-height: 1.4;
 }
 
 .user-message .message-content {
@@ -636,25 +637,25 @@ const getIconPath = (agent: Agent) => {
 
 .message-text {
   font-size: 1rem;
-  line-height: 1.6;
+  line-height: 1.4;
   white-space: pre-wrap;
   word-break: break-word;
 }
 
+.message-text :deep(p) {
+  margin: 0.2em 0;
+  line-height: 1.4;
+}
+
 .message-text :deep(ul),
 .message-text :deep(ol) {
-  /* margin: 0.5em 0; */
-  padding-left: 0;
-  list-style-position: inside;
-  width: 100%;
-  box-sizing: border-box;
+  margin: 0.2em 0;
+  padding-left: 1.2em;
 }
 
 .message-text :deep(li) {
-  /* margin: 0.25em 0; */
-  padding-left: 0;
-  text-indent: 0;
-  list-style-position: inside;
+  margin: 0;
+  line-height: 1.4;
 }
 
 .message-text :deep(li > p) {
@@ -743,27 +744,35 @@ const getIconPath = (agent: Agent) => {
 
 :deep(.markdown-body) {
   color: var(--color-text-primary);
-}
-
-:deep(.markdown-body pre) {
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-}
-
-:deep(.markdown-body code) {
-  background-color: var(--color-bg-secondary);
-  color: var(--color-text-primary);
+  line-height: 1.4;
 }
 
 :deep(.markdown-body p) {
-  margin: 0.5em 0;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  width: 100%;
-  box-sizing: border-box;
+  margin: 0.2em 0;
+  line-height: 1.4;
+}
+
+:deep(.markdown-body h1),
+:deep(.markdown-body h2),
+:deep(.markdown-body h3),
+:deep(.markdown-body h4),
+:deep(.markdown-body h5),
+:deep(.markdown-body h6) {
+  margin: 0.4em 0 0.2em 0;
+  line-height: 1.4;
+}
+
+:deep(.markdown-body pre) {
+  margin: 0.3em 0;
+  padding: 0.5em;
+  background-color: var(--color-bg-secondary);
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
 }
 
 :deep(.markdown-body blockquote) {
+  margin: 0.3em 0;
+  padding: 0.3em 0.8em;
   background-color: var(--color-bg-secondary);
   border-left: 4px solid var(--color-accent);
 }
@@ -957,7 +966,7 @@ const getIconPath = (agent: Agent) => {
   }
 
   .message-content {
-    padding: 0.75rem;
+    padding: 1rem;
     font-size: 0.95rem;
   }
 }