From 8e3baccb181086593a6c585cf204d3acb5bb80ab Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Thu, 28 May 2026 23:40:50 +0800
Subject: [PATCH] fix: fix flex layout and input issues

Replace flex-full with min-h-0 flex-1 on both tab containers to enable proper mobile scrolling. Add mt-auto shrink-0 class to the input area wrapper to keep it pinned to the bottom of the layout.
---
 src/pages/home/components/ChatMainList/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/home/components/ChatMainList/index.vue b/src/pages/home/components/ChatMainList/index.vue
index 65047ef..5f8c42d 100644
--- a/src/pages/home/components/ChatMainList/index.vue
+++ b/src/pages/home/components/ChatMainList/index.vue
@@ -18,14 +18,14 @@
     </div>
 
     <!-- 发现页 -->
-    <div v-show="tabIndex === 0" class="flex-full overflow-hidden" @touchstart.capture="handleScrollAreaTouchStart"
+    <div v-show="tabIndex === 0" class="min-h-0 flex-1 overflow-hidden" @touchstart.capture="handleScrollAreaTouchStart"
       @touchstart="handleScrollAreaTouchStart" @touchmove="handleScrollAreaTouchMove">
 
       <Discovery @scroll-touch-start="handleScrollAreaTouchStart" @scroll-touch="handleScrollAreaTouchMove" />
     </div>
 
     <!-- 消息列表（可滚动区域） -->
-    <div v-show="tabIndex === 1" class="flex-full overflow-hidden" :scroll-top="scrollTop" @scroll="handleScroll"
+    <div v-show="tabIndex === 1" class="min-h-0 flex-1 overflow-hidden" :scroll-top="scrollTop" @scroll="handleScroll"
       @scrolltolower="handleScrollToLower" @touchstart.capture="handleScrollAreaTouchStart"
       @touchstart="handleScrollAreaTouchStart" @touchmove="handleScrollAreaTouchMove">
 
@@ -119,7 +119,7 @@
     </div>
 
     <!-- 输入框区域 -->
-    <div>
+    <div class="mt-auto shrink-0">
       <ChatQuickAccess />
       <ChatInputArea ref="inputAreaRef" v-model="inputMessage" :holdKeyboard="holdKeyboard"
         :is-session-active="isSessionActive" :stop-request="stopRequest" @send="sendMessageAction"