|
|
@@ -166,10 +166,14 @@
|
|
|
box-shadow: inset 0 0 12px #2cb6ff;
|
|
|
backdrop-filter: blur(30px);
|
|
|
}
|
|
|
+ // 弹框内容高时的滚动只能发生一次：这里只做 75vh 的高度上限，真正的滚动交给 .di-body。
|
|
|
+ // 两者都设 overflow-y: auto 会出现内外两条滚动条（外层还会把标题滚走）。
|
|
|
.ant-modal-body {
|
|
|
padding: 0;
|
|
|
max-height: 75vh;
|
|
|
- overflow-y: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.ant-spin-text {
|
|
|
color: #c8d6e5;
|
|
|
@@ -209,8 +213,9 @@
|
|
|
}
|
|
|
.di-body {
|
|
|
padding: 18px 24px;
|
|
|
- min-height: 120px;
|
|
|
- max-height: 700px;
|
|
|
+ // 唯一滚动容器：随 .ant-modal-body 的 75vh 上限伸缩，min-height: 0 才能被压缩出滚动条
|
|
|
+ flex: 1 1 auto;
|
|
|
+ min-height: 0;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
.di-section {
|
|
|
@@ -411,6 +416,7 @@
|
|
|
gap: 8px;
|
|
|
padding: 8px 24px 16px;
|
|
|
border-top: 1px solid rgba(30, 144, 255, 0.1);
|
|
|
+ flex-shrink: 0;
|
|
|
&__tip {
|
|
|
font-size: 12px;
|
|
|
color: #8899aa;
|
