fix: 主内容区 flex item 加 min-width:0,防止宽表格撑大视口
flex 项默认 min-width:auto,内部 el-table 列多时会无限撑开父容器, 导致横向溢出视口。加 min-width:0 后表格会在内部出现横向滚动条。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
b4a4314058
commit
d2332f369f
|
|
@ -207,12 +207,14 @@ const onLogout = () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
|
min-width: 0;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue