Skip to content

[Bug] windows版本客户端页面布局自适应问题:存在部分页面宽屏下侧边栏与主内容区之间存在异常巨大空白 (Layout alignment issue) #92

Description

@NieWuy

问题描述 (Description):
在 Windows 等宽屏/高分辨率设备上全屏浏览时,页面未进行合理的自适应布局。左侧边栏(Sidebar)与右侧主内容区域(Main Content)之间出现了极大的未利用空白间距。主内容容器似乎被限制了固定宽度并偏向右侧对齐,导致整体视觉极其不平衡,大屏空间利用率极低。

复现步骤 (Steps to Reproduce):
在 Windows 桌面端使用宽屏显示器(或最大化浏览器窗口)打开应用程序。

登录并点击左侧导航栏进入「AI 网关」(或其他具有类似结构的页面)。

观察左侧导航菜单与右侧设置面板之间的间距。

预期行为 (Expected Behavior):
页面应当具备良好的响应式(Responsive)自适应能力:

如果主内容区不限制最大宽度,应当动态拉伸以填充侧边栏右侧的剩余空间。

如果主内容区限制了最大宽度(为了阅读体验),该容器应当在其父级容器中居中对齐,或者让左右两侧的留白保持对称,而不是将巨大的空白全部堆积在左侧。

实际行为 (Actual Behavior):
左侧导航栏固定在左侧,主内容区域偏向右侧,两者之间留有占据屏幕近三分之一的突兀空白区域。

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions