From 5aebc248c3fc024952b4f9709b09cdcfeec7700c Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Wed, 25 Jun 2025 02:12:29 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=92=8C=E6=B6=88=E6=81=AF=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96=E8=A7=86?=
 =?UTF-8?q?=E8=A7=89=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 AgentMessageComponent.vue 中更新了 Markdown 预览的颜色和字体大小，增强了文本的可读性。
- 在 ChatSidebarComponent.vue 中修改了对话列表的内边距和按钮样式，提升了整体界面的美观性和一致性。
---
 web/src/components/AgentMessageComponent.vue | 24 ++++++++++++--------
 web/src/components/ChatSidebarComponent.vue  |  8 +++----
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/web/src/components/AgentMessageComponent.vue b/web/src/components/AgentMessageComponent.vue
index ed4e2cb1..d9429668 100644
--- a/web/src/components/AgentMessageComponent.vue
+++ b/web/src/components/AgentMessageComponent.vue
@@ -479,34 +479,38 @@ const toggleToolCall = (toolCallId) => {
 }
 
 .message-md .md-editor-preview-wrapper {
-  color: var(--gray-900);
   max-width: 100%;
   padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans SC', 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Source Han Sans CN', 'Courier New', monospace;
 
   #preview-only-preview {
     font-size: 15px;
+    color: var(--gray-900);
   }
 
   h1, h2 {
-    font-size: 1.2rem;
+    font-size: 16px;
   }
 
   h3, h4 {
-    font-size: 1.1rem;
+    font-size: 16px;
   }
 
   h5, h6 {
-    font-size: 1rem;
+    font-size: 15px;
   }
 
-  // li > p, ol > p, ul > p {
-  //   margin: 0.25rem 0;
-  // }
+  strong {
+    font-weight: 600;
+  }
 
-  // ol, ul {
-  //   padding-left: 1rem;
-  // }
+  li > p, ol > p, ul > p {
+    margin: 0.25rem 0;
+  }
+
+  ol, ul {
+    padding-left: 1rem;
+  }
 
   cite {
     font-size: 12px;
diff --git a/web/src/components/ChatSidebarComponent.vue b/web/src/components/ChatSidebarComponent.vue
index a9d44ad6..6e89937f 100644
--- a/web/src/components/ChatSidebarComponent.vue
+++ b/web/src/components/ChatSidebarComponent.vue
@@ -205,14 +205,14 @@ const toggleCollapse = () => {
   }
 
   .conversation-list-top {
-    padding: 16px;
+    padding: 10px;
 
     .new-chat-btn {
       width: 100%;
       padding: 8px 16px;
       height: fit-content;
-      border-radius: 16px;
-      background-color: var(--gray-300);
+      border-radius: 8px;
+      background-color: var(--gray-200);
       color: var(--main-color);
       border: none;
       transition: all 0.2s ease;
@@ -233,7 +233,7 @@ const toggleCollapse = () => {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 4px 16px;
+      padding: 4px 0px 4px 12px;
       border-radius: 8px;
       margin-bottom: 8px;
       cursor: pointer;