Commit 6aa3f934d0c527708f9a6dd13c17dec9f6c86b72
Committed by
GitHub
1 parent
7ca007ec
Revert "perf: 优化modal弹窗样式 (#2824)" (#2834)
This reverts commit 1e8fab3f.
Showing
1 changed file
with
8 additions
and
8 deletions
src/components/Modal/src/index.less
... | ... | @@ -2,7 +2,10 @@ |
2 | 2 | overflow: hidden; |
3 | 3 | |
4 | 4 | .ant-modal { |
5 | - inset: 0 !important; | |
5 | + top: 0 !important; | |
6 | + right: 0 !important; | |
7 | + bottom: 0 !important; | |
8 | + left: 0 !important; | |
6 | 9 | width: 100% !important; |
7 | 10 | height: 100%; |
8 | 11 | |
... | ... | @@ -60,8 +63,8 @@ |
60 | 63 | } |
61 | 64 | |
62 | 65 | &-close { |
63 | - outline: none; | |
64 | 66 | font-weight: normal; |
67 | + outline: none; | |
65 | 68 | } |
66 | 69 | |
67 | 70 | &-close-x { |
... | ... | @@ -107,20 +110,17 @@ |
107 | 110 | .ant-modal-confirm .ant-modal-body { |
108 | 111 | padding: 24px !important; |
109 | 112 | } |
110 | - | |
111 | -@media screen and (height <= 600px) { | |
113 | +@media screen and (max-height: 600px) { | |
112 | 114 | .ant-modal { |
113 | 115 | top: 60px; |
114 | 116 | } |
115 | 117 | } |
116 | - | |
117 | -@media screen and (height <= 540px) { | |
118 | +@media screen and (max-height: 540px) { | |
118 | 119 | .ant-modal { |
119 | 120 | top: 30px; |
120 | 121 | } |
121 | 122 | } |
122 | - | |
123 | -@media screen and (height <= 480px) { | |
123 | +@media screen and (max-height: 480px) { | |
124 | 124 | .ant-modal { |
125 | 125 | top: 10px; |
126 | 126 | } | ... | ... |