1.0 KiB
1.0 KiB
1. 库存数据看板四个板块布局调整平均高度布满页面
旭东 → OpenClaw:
[Mon 2026-08-17 16:40 GMT+8] 四个板块的布局,需要调整平均高度,使能够布满整个页面,目前的布局导致页面下方还有很多空白区域
OpenClaw 响应: 已完成。库存数据看板四个板块(库存金额/经营效率/呆滞治理/缺货监控)布局调整:
- 原因:原布局外层容器固定
height:calc(100vh - 150px),按「topbar 52px + padding 48px + header 50px」硬编码,导致页面下方残留空白 - 修改:容器改为
flex:1撑满 main-content(flex column)剩余高度,内部 flex 列布局,四个板块 2x2 grid 均分剩余高度,布满整个页面无下方空白 - 验证:无头浏览器实测 1920×1080 视口(窗口高 994px),页面无滚动(bodyScrollH=994px),四板块高度完全平均(每板块高 444px),第二行底部 970 + padding 24 = 994 正好铺满,下方无空白
- 测试服务已重启(HTTP 200),Git 提交 3df9a2e