Skip to content

[Bug] 客户端全屏/宽屏状态下,主页面组件无法自适应宽度(存在大量空白) #86

Description

@NieWuy

【标题】 [Bug] 客户端全屏/宽屏状态下,主页面组件无法自适应宽度(存在大量空白)
【环境信息】

操作系统: Windows
屏幕分辨率: (例如:1920x1080 或更高)

【问题描述】
在使用 CSGLite 客户端时,当窗口最大化或在宽屏显示器下运行,发现“仪表盘”页面的主内容区域(包括“资源使用情况”、“运行中的推理模型”、“实时日志”等卡片组件)未能进行流式/响应式适配。内容区似乎被设置了固定的最大宽度(max-width),导致页面右侧出现大面积的视觉留白,未能充分利用屏幕空间,影响全屏状态下的视觉体验和日志阅读体验。

【复现步骤】

打开 CSGLite 客户端程序。

将应用程序窗口切换至“最大化/全屏”状态。

点击左侧导航栏进入“仪表盘”页面。

观察右侧主内容区域的布局表现。

【预期结果】
主内容区域的组件(如卡片、日志终端)应当具备响应式自适应能力。在全屏或宽屏状态下,容器宽度应能根据外部视窗大小动态伸展(例如使用 width: 100% 或 Flex 布局的 flex-grow),充分填满右侧可用空间。

【实际结果】
组件宽度固定,未能随窗口放大而自适应拉伸。整个内容模块偏向左侧居中,右侧留有极大的空白区域(见附图)。

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