fix: 修复右列横向滚动问题,设置minWidth:0和overflow
This commit is contained in:
parent
42dd54a255
commit
5515cad8f8
@ -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,7 +350,9 @@ export default function Devices() {
|
||||
添加柜子
|
||||
</Button>
|
||||
</div>
|
||||
<CabinetGrid cabinets={cabinets} loading={loading} />
|
||||
<div style={{ overflow: 'auto', height: 'calc(100% - 50px)' }}>
|
||||
<CabinetGrid cabinets={cabinets} loading={loading} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 右键菜单 */}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user