ui: AppMobile 界面長寬修正

client/ui/AppMobile.tsx

@@ -100,7 +100,7 @@ export default function AppMobile() {
         <div style={{
             display: "flex",
             position: 'relative',
-            width: '100%',
+            width: 'var(--whitesilk-window-width)',
             height: 'var(--whitesilk-window-height)',
         }}>
             <LoginDialog
@@ -121,15 +121,19 @@ export default function AppMobile() {
                 userProfileDialogRef={userProfileDialogRef}
                 user={myUserProfileCache} />
             
-            <mdui-navigation-bar label-visibility="selected" value="Recents" ref={navigationBarRef}>
+            <mdui-navigation-bar scroll-target="#SideBar" label-visibility="selected" value="Recents" ref={navigationBarRef}>
                 <mdui-navigation-bar-item icon="watch_later--outlined" value="Recents">最近</mdui-navigation-bar-item>
                 <mdui-navigation-bar-item icon="contacts--outlined" value="Contacts">聯絡人</mdui-navigation-bar-item>
             </mdui-navigation-bar>
             
+            <div style={{
+                display: 'flex',
+                height: 'calc(100% - 80px)',
+                width: '100%',
+            }} id="SideBar">
                 {
                     // 最近聊天
                     <mdui-list style={{
-                    height: 'calc(var(--whitesilk-window-height) - 80px)',
                         overflowY: 'auto',
                         marginLeft: '10px',
                         marginRight: '10px',
@@ -150,7 +154,6 @@ export default function AppMobile() {
                 {
                     // 联系人列表
                     <mdui-list style={{
-                    height: 'calc(var(--whitesilk-window-height) - 80px)',
                         overflowY: 'auto',
                         marginLeft: '10px',
                         marginRight: '10px',
@@ -177,5 +180,6 @@ export default function AppMobile() {
                     </mdui-list>
                 }
             </div>
+        </div>
     )
 }