From 6f2f854f6d1efc9072c969ec06e8db651de0988f Mon Sep 17 00:00:00 2001
From: JOJO <1498581755@qq.com>
Date: Sun, 5 Apr 2026 21:25:01 +0800
Subject: [PATCH] fix: refine mobile assistant content spacing

---
 static/src/components/chat/MinimalBlocks.vue      | 11 +++++++++--
 static/src/styles/components/chat/_chat-area.scss |  7 ++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/static/src/components/chat/MinimalBlocks.vue b/static/src/components/chat/MinimalBlocks.vue
index 5faddd0..2483281 100644
--- a/static/src/components/chat/MinimalBlocks.vue
+++ b/static/src/components/chat/MinimalBlocks.vue
@@ -538,7 +538,7 @@ watch(() => props.actions, () => {
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: start;
   column-gap: 8px;
-  padding: 0 20px 0 15px;
+  padding: 0 6px 0 6px;
   cursor: pointer;
   transition: background-color 0.2s;
 }
@@ -604,7 +604,7 @@ watch(() => props.actions, () => {
   grid-template-rows: 0fr;
   transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   margin-top: 8px;
-  padding: 0 20px 0 15px;
+  padding: 0 6px 0 6px;
 }
 
 .steps-wrapper {
@@ -760,6 +760,13 @@ watch(() => props.actions, () => {
 /* 文本输出 */
 .text-output {
   margin: 16px 0;
+  padding: 0;
+}
+
+@media (max-width: 768px) {
+  .text-output {
+    margin: 16px -9px;
+  }
 }
 
 .text-content {
diff --git a/static/src/styles/components/chat/_chat-area.scss b/static/src/styles/components/chat/_chat-area.scss
index 62b28e1..a4efcfe 100644
--- a/static/src/styles/components/chat/_chat-area.scss
+++ b/static/src/styles/components/chat/_chat-area.scss
@@ -140,8 +140,8 @@
 
     .messages-area {
         padding-top: 8px;
-        padding-left: 6px !important;
-        padding-right: 6px !important;
+        padding-left: 12px !important;
+        padding-right: 12px !important;
     }
 
     .message-block:first-child {
@@ -149,12 +149,13 @@
     }
 
     .user-message .message-text {
-        max-width: 80%;
+        max-width: 80% !important;
     }
 
     .assistant-message .message-text {
         padding: 16px 8px !important;
     }
+
 }
 
 /* 额外的手机端样式，不依赖 mobile 类 */