From 7fcf0a1702fec2d4b679f43b415ac793c7d33f88 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Tue, 22 Jul 2025 17:33:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96markdown=E8=A7=A3?=
 =?UTF-8?q?=E6=9E=90=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/desktop/src/components/ChatInterface.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/desktop/src/components/ChatInterface.tsx b/apps/desktop/src/components/ChatInterface.tsx
index 0cb22c1..3723e34 100644
--- a/apps/desktop/src/components/ChatInterface.tsx
+++ b/apps/desktop/src/components/ChatInterface.tsx
@@ -357,11 +357,14 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
   }, [selectedTags]);
 
   return (
-    <div className={`flex flex-col h-full enhanced-chat-interface rounded-xl shadow-lg border border-gray-200 ${className}`}>
+    <div className={`relative h-full enhanced-chat-interface rounded-xl shadow-lg border border-gray-200 ${className}`}>
       {/* 聊天消息区域 */}
       <div
         ref={chatContainerRef}
-        className="flex-1 overflow-y-auto p-4 space-y-6 bg-transparent chat-scroll pb-4"
+        className="absolute inset-0 overflow-y-auto p-4 space-y-6 bg-transparent chat-scroll"
+        style={{
+          paddingBottom: allTags.length > 0 ? '200px' : '120px'
+        }}
       >
         {messages.length === 0 ? (
           <div className="flex flex-col items-center justify-center h-full text-center">
@@ -409,7 +412,12 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
 
       {/* 错误提示 */}
       {error && (
-        <div className="mx-4 mb-2 p-3 bg-red-50 border border-red-200 rounded-lg flex items-center gap-2">
+        <div
+          className="absolute left-4 right-4 p-3 bg-red-50 border border-red-200 rounded-lg flex items-center gap-2 z-10"
+          style={{
+            bottom: allTags.length > 0 ? '210px' : '130px'
+          }}
+        >
           <AlertCircle className="w-4 h-4 text-red-500 flex-shrink-0" />
           <span className="text-red-700 text-sm">{error}</span>
           <button
@@ -422,7 +430,7 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
       )}
 
       {/* 固定底部输入区域 */}
-      <div className="flex-shrink-0 bg-white border-t border-gray-200 rounded-b-xl">
+      <div className="absolute bottom-0 left-0 right-0 bg-white border-t border-gray-200 rounded-b-xl">
         {/* 标签选择区域 */}
         {allTags.length > 0 && (
           <div className="border-b border-gray-100 bg-gradient-to-r from-pink-50 to-purple-50">