From 8fd9f21c7853c8e143f0214ae1a83d7e49603bb8 Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Sun, 23 Nov 2025 01:14:16 +0800
Subject: [PATCH] =?UTF-8?q?todo:=20Tab=20=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B9=8B=E7=A7=BB=E9=99=A4=20::after?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/chat/ChatFragment.tsx | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/client/ui/chat/ChatFragment.tsx b/client/ui/chat/ChatFragment.tsx
index 8a79ee6..a9632de 100644
--- a/client/ui/chat/ChatFragment.tsx
+++ b/client/ui/chat/ChatFragment.tsx
@@ -323,7 +323,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
             flexDirection: 'column',
             overflowY: 'auto',
         }} {...props}>
-            <mdui-tabs ref={tabRef} value={tabItemSelected} style={{
+            <mdui-tabs style={{
                 position: 'sticky',
                 display: "flex",
                 flexDirection: "column",
@@ -336,16 +336,23 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                         marginRight: '5px',
                     }}></mdui-button-icon>
                 }
-                {
-                    chatInfo.is_member ? <>
-                        <mdui-tab value="Chat">{chatInfo.title}</mdui-tab>
-                        {chatInfo.type == 'group' && chatInfo.is_admin && <mdui-tab value="NewMemberRequests">加入请求</mdui-tab>}
-                        {chatInfo.type == 'group' && <mdui-tab value="GroupMembers">群组成员</mdui-tab>}
-                    </>
-                        : <mdui-tab value="RequestJoin">{chatInfo.title}</mdui-tab>
-                }
-                {chatInfo.type == 'group' && <mdui-tab value="Settings">设置</mdui-tab>}
-                <mdui-tab value="None" style={{ display: 'none' }}></mdui-tab>
+                <mdui-tabs ref={tabRef} value={tabItemSelected} style={{
+                    position: 'sticky',
+                    display: "flex",
+                    flexDirection: "column",
+                    height: "100%",
+                }}>
+                    {
+                        chatInfo.is_member ? <>
+                            <mdui-tab value="Chat">{chatInfo.title}</mdui-tab>
+                            {chatInfo.type == 'group' && chatInfo.is_admin && <mdui-tab value="NewMemberRequests">加入请求</mdui-tab>}
+                            {chatInfo.type == 'group' && <mdui-tab value="GroupMembers">群组成员</mdui-tab>}
+                        </>
+                            : <mdui-tab value="RequestJoin">{chatInfo.title}</mdui-tab>
+                    }
+                    {chatInfo.type == 'group' && <mdui-tab value="Settings">设置</mdui-tab>}
+                    <mdui-tab value="None" style={{ display: 'none' }}></mdui-tab>
+                </mdui-tabs>
                 <div style={{
                     flexGrow: '1',
                 }}></div>