ui: 加载动画

client/ui/AppMobile.tsx

@@ -211,6 +211,8 @@ export default function AppMobile() {
                     EventBus.emit('RecentsList.updateRecents')
                     EventBus.emit('ContactsList.updateContacts')
                     EventBus.emit('AllChatsList.updateAllChats')
+                }} style={{
+                    margin: "0",
                 }}></mdui-button-icon>
                 <mdui-dropdown trigger="hover">
                     <mdui-button-icon icon="add" slot="trigger"></mdui-button-icon>

client/ui/chat/ChatFragment.tsx

@@ -674,7 +674,20 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                         )
                     }
                 </mdui-tab-panel>
-                <mdui-tab-panel slot="panel" value="None">
+                <mdui-tab-panel slot="panel" value="None" style={{
+                    display: tabItemSelected == "None" ? "flex" : "none",
+                    flexDirection: "column",
+                    height: "100%",
+                }}>
+                    <div style={{
+                        display: 'flex',
+                        width: '100%',
+                        height: '100%',
+                        alignItems: "center",
+                        justifyContent: "center",
+                    }}>
+                        <mdui-circular-progress></mdui-circular-progress>
+                    </div>
                 </mdui-tab-panel>
             </mdui-tabs>
         </div>

client/ui/main/AllChatsList.tsx

@@ -54,13 +54,14 @@ export default function AllChatsList({
         overflowY: 'auto',
         paddingRight: '10px',
         paddingLeft: '10px',
+        paddingTop: '0',
         display: display ? undefined : 'none',
         height: '100%',
         width: '100%',
     }} {...props}>
         <mdui-text-field icon="search" type="search" clearable ref={searchRef} variant="outlined" placeholder="搜索..." style={{
-            marginTop: '5px',
-            marginBottom: '13px',
+            paddingTop: '5px',
+            paddingBottom: '13px',
             position: 'sticky',
             top: '0',
             backgroundColor: 'rgb(var(--mdui-color-background))',

client/ui/main/ContactsList.tsx

@@ -62,6 +62,7 @@ export default function ContactsList({
         overflowY: 'auto',
         paddingLeft: '10px',
         paddingRight: '10px',
+        paddingTop: '0',
         display: display ? undefined : 'none',
         height: '100%',
         width: '100%',
@@ -141,7 +142,7 @@ export default function ContactsList({
                 </>
             }
             <div style={{
-                height: "15px",
+                height: "10px",
             }}></div>
         </div>
 

client/ui/main/RecentsList.tsx

@@ -55,6 +55,7 @@ export default function RecentsList({
         overflowY: 'auto',
         paddingRight: '10px',
         paddingLeft: '10px',
+        paddingTop: '0',
         display: display ? undefined : 'none',
         height: '100%',
         width: '100%',