feat(next): optimize array-table validate style (#1837)

alibaba · Jul 20, 2021 · 1475c9c · 1475c9c
1 parent aa79220
commit 1475c9c
Showing 1 changed file with 25 additions and 4 deletions.
diff --git a/packages/next/src/array-table/main.scss b/packages/next/src/array-table/main.scss
@@ -38,16 +38,37 @@ $array-table-prefix-cls: '#{$css-prefix}formily-array-table';
         position: relative;
 
         .#{$css-prefix}formily-item-help {
+          min-width: 30px;
           position: absolute;
           font-size: 12px;
           top: 100%;
-          background: #fff;
           width: 100%;
-          margin-top: 3px;
-          padding: 3px;
           z-index: 1;
           border-radius: 3px;
-          box-shadow: 0 0 10px #eee;
+          box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+          background-color: $form-error-color;
+          color: #fff;
+          padding: 6px 8px;
+          margin-top: 6px;
+          &:after {
+            content: ' ';
+            background: $form-error-color;
+            position: absolute;
+            display: block;
+            width: 5px;
+            height: 5px;
+            pointer-events: none;
+            top: -2px;
+            -webkit-transform: rotate(
+                45deg
+            );
+            transform: rotate(
+                45deg
+            );
+            box-sizing: content-box !important;
+            border: 1px solid transparent;
+            z-index: -1;
+          }
         }
       }
     }