From 7300c091fd5b831196648ca9a635797f05fff585 Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Sun, 31 Aug 2025 13:17:45 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E4=BF=AE=E6=AD=A3=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E7=99=BC=E9=80=81=E6=A1=86=E7=9A=84=E4=BD=8D=E7=BD=AE,=20?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E5=81=B4=E9=82=8A=E5=88=97=E8=A1=A8=E7=9A=84?=
 =?UTF-8?q?=E9=A1=AF=E7=A4=BA,=20=E4=BF=AE=E6=AD=A3=20MesageContainer=20?=
 =?UTF-8?q?=E7=9A=84=20marginBottom=20=E7=82=BA=2020px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/App.jsx                   | 14 +++++++++-----
 client/ui/chat/MessageContainer.jsx |  3 ++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/ui/App.jsx b/client/ui/App.jsx
index 2f65a7a..4d7ad1b 100644
--- a/client/ui/App.jsx
+++ b/client/ui/App.jsx
@@ -65,11 +65,11 @@ export default function App() {
             }
             {
                 // 最近聊天
-                (navigationItemSelected == "Recents") &&
                 <mdui-list style={{
                     width: "35%",
                     overflowY: 'auto',
-                    paddingRight: '10px'
+                    paddingRight: '10px',
+                    display: navigationItemSelected == "Recents" ? null : 'none'
                 }}>
                     {
                         recentsList.map((v) =>
@@ -84,11 +84,11 @@ export default function App() {
             }
             {
                 // 联系人列表
-                (navigationItemSelected == "Contacts") &&
                 <mdui-list style={{
                     width: "35%",
                     overflowY: 'auto',
-                    paddingRight: '10px'
+                    paddingRight: '10px',
+                    display: navigationItemSelected == "Contacts" ? null : 'none'
                 }}>
                     <mdui-collapse accordion value={Object.keys(contactsMap)[0]}>
                         { 
@@ -136,7 +136,11 @@ export default function App() {
                     <mdui-top-app-bar-title>Title</mdui-top-app-bar-title>
                     <mdui-button-icon icon="more_vert"></mdui-button-icon>
                 </mdui-top-app-bar>
-                <div>
+                <div style={{
+                    display: "flex",
+                    flexDirection: "column",
+                    height: "100%",
+                }}>
                     <div style={{
                         display: "flex",
                         justifyContent: "center",
diff --git a/client/ui/chat/MessageContainer.jsx b/client/ui/chat/MessageContainer.jsx
index 03e7726..c4f22de 100644
--- a/client/ui/chat/MessageContainer.jsx
+++ b/client/ui/chat/MessageContainer.jsx
@@ -9,7 +9,8 @@ export default function MessageContainer({ children, style, ...props } = {}) {
             flexDirection: 'column',
             justifyContent: 'flex-end',
             alignItems: 'center',
-            marginBottom: '10px',
+            marginBottom: '20px',
+            height: "100%",
             ...style,
         }}
         {...props}>