dialog样式bug

src/assets/styles/yxk-admin.scss

@@ -465,7 +465,6 @@
 .el-dialog{
   position: relative;
   width: 620px;
-  margin-top: 16vh !important;
   padding: 2px;
   background: linear-gradient(135deg, transparent 10px, #339CFF 0) top left, 
               linear-gradient(-135deg, transparent 10px, #339CFF 0) top right, 
@@ -473,7 +472,6 @@
               linear-gradient(45deg, transparent 10px, #339CFF 0) bottom left;
   background-size: 50% 50%;
   background-repeat: no-repeat;
-  box-shadow: none;
   &::before,
   &::after,
   .dialog-right-top,
@@ -482,33 +480,39 @@
     content: "";
     width: 134px;
     height: 63px;
-    z-index: -1;
+    z-index: 99;
   }
   &::before{
-    left: -10px;
-    top: -28px;
-    background: url(~@/assets/images/left_top.png) no-repeat;
+    left: -6px;
+    top: -6px;
+    background: url(~@/assets/images/dialog_left_top.png) no-repeat;
+    background-size: contain;
   }
   &::after{
-    right: -20px;
-    bottom: -10px;
-    background: url(~@/assets/images/right_bottom.png) no-repeat;
+    right: -18px;
+    bottom: -7px;
+    background: url(~@/assets/images/dialog_right_bottom.png) no-repeat;
+    background-size: contain;
   }
   .dialog-right-top{
-    right: -20px;
-    top: -28px;
-    background: url(~@/assets/images/right_top.png) no-repeat;
+    right: -23px;
+    top: -6px;
+    background: url(~@/assets/images/dialog_right_top.png) no-repeat;
+    background-size: contain;
   }
   .dialog-left-bottom{
-    left: -10px;
-    bottom: -10px;
-    background: url(~@/assets/images/left_bottom.png) no-repeat;
+    left: -6px;
+    bottom: -7px;
+    background: url(~@/assets/images/dialog_left_bottom.png) no-repeat;
+    background-size: contain;
   }
   .el-dialog__header{
-    position: relative;
-    margin: -60px auto 0 auto;
+    position: absolute;
+    top: -40px;
+    left: 50%;
     width: 360px;
     padding: 0;
+    transform: translateX(-50%);
     &::before{
       position: absolute;
       left: -23px;
@@ -549,7 +553,6 @@
       font-style: normal;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
-      
       font-size: 24px;
       color: #339CFF;
       &::before{
@@ -559,16 +562,17 @@
   }
   .el-dialog__body{
     width: 100%;
+    background-color: #031435;
+    // border: 2px solid #339CFF;
     // min-height: 400px;
-    background: linear-gradient(135deg, transparent 12px, #031435 0) top left, 
-              linear-gradient(-135deg, transparent 12px, #031435 0) top right, 
-              linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, 
-              linear-gradient(45deg, transparent 12px, #031435 0) bottom left;
-    background-size: 50% 50%;
-    background-repeat: no-repeat;
-    box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6);
+    // background: linear-gradient(135deg, transparent 12px, #031435 0) top left, 
+    //           linear-gradient(-135deg, transparent 12px, #031435 0) top right, 
+    //           linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, 
+    //           linear-gradient(45deg, transparent 12px, #031435 0) bottom left;
+    // background-size: 50% 50%;
+    // background-repeat: no-repeat;
+    // box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6);
   }
-
   .el-form{
     .el-form-item__label{
       line-height: 36px;