perf: 优化modal弹窗样式 (#2824)
This commit is contained in:
parent
7e0456cc6c
commit
1e8fab3fe5
|
|
@ -2,10 +2,7 @@
|
|||
overflow: hidden;
|
||||
|
||||
.ant-modal {
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
inset: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100%;
|
||||
|
||||
|
|
@ -63,8 +60,8 @@
|
|||
}
|
||||
|
||||
&-close {
|
||||
font-weight: normal;
|
||||
outline: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
&-close-x {
|
||||
|
|
@ -110,17 +107,20 @@
|
|||
.ant-modal-confirm .ant-modal-body {
|
||||
padding: 24px !important;
|
||||
}
|
||||
@media screen and (max-height: 600px) {
|
||||
|
||||
@media screen and (height <= 600px) {
|
||||
.ant-modal {
|
||||
top: 60px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-height: 540px) {
|
||||
|
||||
@media screen and (height <= 540px) {
|
||||
.ant-modal {
|
||||
top: 30px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-height: 480px) {
|
||||
|
||||
@media screen and (height <= 480px) {
|
||||
.ant-modal {
|
||||
top: 10px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue