From 9a0ddb72d52f94722f60166c8d25e7309029a4bb Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Tue, 22 Jul 2025 17:47:31 +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 | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/apps/desktop/src/components/ChatInterface.tsx b/apps/desktop/src/components/ChatInterface.tsx
index 8e08e3d..af95287 100644
--- a/apps/desktop/src/components/ChatInterface.tsx
+++ b/apps/desktop/src/components/ChatInterface.tsx
@@ -357,15 +357,11 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
   }, [selectedTags]);
 
   return (
-    <div className={`relative h-full enhanced-chat-interface rounded-xl shadow-lg border border-gray-200 ${className}`}>
+    <div className={`flex flex-col h-full enhanced-chat-interface rounded-xl shadow-lg border border-gray-200 overflow-y-auto ${className}`}>
       {/* 聊天消息区域 */}
       <div
         ref={chatContainerRef}
-        className="absolute top-0 left-0 right-0 overflow-y-auto p-4 space-y-6 bg-transparent chat-scroll"
-        style={{
-          bottom: allTags.length > 0 ? '200px' : '120px',
-          paddingBottom: '1rem'
-        }}
+        className="flex-1 p-4 space-y-6 bg-transparent"
       >
         {messages.length === 0 ? (
           <div className="flex flex-col items-center justify-center h-full text-center">
@@ -413,12 +409,7 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
 
       {/* 错误提示 */}
       {error && (
-        <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'
-          }}
-        >
+        <div className="mx-4 mb-2 p-3 bg-red-50 border border-red-200 rounded-lg flex items-center gap-2">
           <AlertCircle className="w-4 h-4 text-red-500 flex-shrink-0" />
           <span className="text-red-700 text-sm">{error}</span>
           <button
@@ -431,7 +422,7 @@ export const ChatInterface: React.FC<ChatInterfaceProps> = ({
       )}
 
       {/* 固定底部输入区域 */}
-      <div className="absolute bottom-0 left-0 right-0 bg-white border-t border-gray-200 rounded-b-xl">
+      <div className="flex-shrink-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">