fix: 修复右列横向滚动问题,设置minWidth:0和overflow

This commit is contained in:
12451 2026-07-02 19:50:29 +08:00
parent 42dd54a255
commit 5515cad8f8

View File

@ -341,7 +341,7 @@ export default function Devices() {
</div>
{/* 右列:柜子列表 */}
<div style={{ flex: 1, overflow: 'auto' }}>
<div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 16 }}>
<Typography.Title heading={5} style={{ margin: 0 }}>
({cabinets.length})
@ -350,8 +350,10 @@ export default function Devices() {
</Button>
</div>
<div style={{ overflow: 'auto', height: 'calc(100% - 50px)' }}>
<CabinetGrid cabinets={cabinets} loading={loading} />
</div>
</div>
{/* 右键菜单 */}
<Dropdown