💄 style: Update Form

lobehub · Apr 29, 2024 · 5ef398e · 5ef398e
1 parent 534fb4a
commit 5ef398e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/Form/components/FormGroup.tsx b/src/Form/components/FormGroup.tsx
@@ -23,6 +23,7 @@ export const useStyles = createStyles(({ css, cx, token, isDarkMode, responsive,
     }
 
     .${prefixCls}-collapse-content {
+      background: transparent;
       border-color: ${token.colorFillSecondary};
     }
 

diff --git a/src/Form/index.tsx b/src/Form/index.tsx
@@ -62,7 +62,7 @@ const FormParent = forwardRef<FormInstance, FormProps>(
 
     return (
       <AntForm
-        className={cx(styles.form, className)}
+        className={cx(styles.form, variant === 'pure' && styles.pure, className)}
         colon={false}
         form={form}
         layout={'horizontal'}

diff --git a/src/Form/style.ts b/src/Form/style.ts
@@ -51,4 +51,7 @@ export const useStyles = createStyles(({ css, token, prefixCls, responsive }) =>
       border-radius: ${token.borderRadius}px !important;
     }
   `,
+  pure: css`
+    gap: 64px;
+  `,
 }));