zuaa
/
vue-vben-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revert "perf: 优化modal弹窗样式 (#2824)" (#2834) 

This reverts commit 1e8fab3fe5.
This commit is contained in:
jinmao88 2023-06-06 16:30:01 +08:00 committed by GitHub
parent 7ca007ecd5
commit 6aa3f934d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Modal/src/index.less
View File

@ -2,7 +2,10 @@
overflow: hidden; overflow: hidden;
.ant-modal { .ant-modal {
inset: 0 !important; top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important; width: 100% !important;
height: 100%; height: 100%;
@ -60,8 +63,8 @@
} }
&-close { &-close {
outline: none;
font-weight: normal; font-weight: normal;
outline: none;
} }
&-close-x { &-close-x {
@ -107,20 +110,17 @@
.ant-modal-confirm .ant-modal-body { .ant-modal-confirm .ant-modal-body {
padding: 24px !important; padding: 24px !important;
} }
@media screen and (max-height: 600px) {
@media screen and (height <= 600px) {
.ant-modal { .ant-modal {
top: 60px; top: 60px;
} }
} }
@media screen and (max-height: 540px) {
@media screen and (height <= 540px) {
.ant-modal { .ant-modal {
top: 30px; top: 30px;
} }
} }
@media screen and (max-height: 480px) {
@media screen and (height <= 480px) {
.ant-modal { .ant-modal {
top: 10px; top: 10px;
} }