admin/charging-cabinet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
12451 2026-07-02 19:50:29 +08:00
parent 42dd54a255
commit 5515cad8f8
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
software/web/src/pages/devices/index.tsx
View File

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