CrescentLeaf/LingChair
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ui: AppMobile 界面長寬修正

Browse Source
This commit is contained in:
CrescentLeaf
2025-09-13 23:50:38 +08:00
parent 125938b8be
commit 124879f11f
1 changed files with 53 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/ui/AppMobile.tsx
View File

@@ -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>
)
}