Commit 6aa3f934d0c527708f9a6dd13c17dec9f6c86b72
Committed by
GitHub
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,7 +2,10 @@ | ||
| 2 | overflow: hidden; | 2 | overflow: hidden; |
| 3 | 3 | ||
| 4 | .ant-modal { | 4 | .ant-modal { |
| 5 | - inset: 0 !important; | 5 | + top: 0 !important; |
| 6 | + right: 0 !important; | ||
| 7 | + bottom: 0 !important; | ||
| 8 | + left: 0 !important; | ||
| 6 | width: 100% !important; | 9 | width: 100% !important; |
| 7 | height: 100%; | 10 | height: 100%; |
| 8 | 11 | ||
| @@ -60,8 +63,8 @@ | @@ -60,8 +63,8 @@ | ||
| 60 | } | 63 | } |
| 61 | 64 | ||
| 62 | &-close { | 65 | &-close { |
| 63 | - outline: none; | ||
| 64 | font-weight: normal; | 66 | font-weight: normal; |
| 67 | + outline: none; | ||
| 65 | } | 68 | } |
| 66 | 69 | ||
| 67 | &-close-x { | 70 | &-close-x { |
| @@ -107,20 +110,17 @@ | @@ -107,20 +110,17 @@ | ||
| 107 | .ant-modal-confirm .ant-modal-body { | 110 | .ant-modal-confirm .ant-modal-body { |
| 108 | padding: 24px !important; | 111 | padding: 24px !important; |
| 109 | } | 112 | } |
| 110 | - | ||
| 111 | -@media screen and (height <= 600px) { | 113 | +@media screen and (max-height: 600px) { |
| 112 | .ant-modal { | 114 | .ant-modal { |
| 113 | top: 60px; | 115 | top: 60px; |
| 114 | } | 116 | } |
| 115 | } | 117 | } |
| 116 | - | ||
| 117 | -@media screen and (height <= 540px) { | 118 | +@media screen and (max-height: 540px) { |
| 118 | .ant-modal { | 119 | .ant-modal { |
| 119 | top: 30px; | 120 | top: 30px; |
| 120 | } | 121 | } |
| 121 | } | 122 | } |
| 122 | - | ||
| 123 | -@media screen and (height <= 480px) { | 123 | +@media screen and (max-height: 480px) { |
| 124 | .ant-modal { | 124 | .ant-modal { |
| 125 | top: 10px; | 125 | top: 10px; |
| 126 | } | 126 | } |