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

前端爱码士 · GitHub
1 parent 7e0456cc
Showing 1 changed file with 8 additions and 8 deletions
src/components/Modal/src/index.less
@@ -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;
   }