解决全屏单据编辑界面后,导致内部弹窗样式的问题

This commit is contained in:
jishenghua
2024-11-03 17:16:09 +08:00
parent 8265c0d226
commit 8197ef78a3
2 changed files with 5 additions and 5 deletions

View File

@@ -41,7 +41,7 @@
margin-bottom: 12px; margin-bottom: 12px;
} }
/*全屏模式*/ /*全屏模式*/
.ant-modal-cust-warp .fullscreen .ant-modal-body { .ant-modal-cust-warp .fullscreen >.ant-modal-body {
padding: 24px 24px 12px 24px; padding: 24px 24px 12px 24px;
height: calc(100% - 200px) !important; height: calc(100% - 200px) !important;
overflow-y: auto overflow-y: auto

View File

@@ -198,24 +198,24 @@
height: 100vh; height: 100vh;
& .ant-modal-content { >.ant-modal-content {
height: 100vh; height: 100vh;
border-radius: 0; border-radius: 0;
& .ant-modal-body { >.ant-modal-body {
/* title 和 footer 各占 55px */ /* title 和 footer 各占 55px */
height: calc(100% - 55px - 55px); height: calc(100% - 55px - 55px);
overflow: auto; overflow: auto;
} }
} }
&.no-title, &.no-footer { >.no-title, &.no-footer {
.ant-modal-body { .ant-modal-body {
height: calc(100% - 55px); height: calc(100% - 55px);
} }
} }
&.no-title.no-footer { >.no-title.no-footer {
.ant-modal-body { .ant-modal-body {
height: 100%; height: 100%;
} }