fix(form): StepForm support moblie width

close #7412
ant-design · Jul 23, 2023 · 6eee22f · 6eee22f
1 parent 98ca5b5
commit 6eee22f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/form/src/BaseForm/BaseForm.tsx b/packages/form/src/BaseForm/BaseForm.tsx
@@ -551,6 +551,10 @@ function BaseForm<T = Record<string, any>, U = Record<string, any>>(
         [`> div:not(${token.proComponentsCls}-form-light-filter)`]: {
           '.pro-field': {
             maxWidth: '100%',
+            '@media screen and (max-width: 575px)': {
+              // 减少了 form 的 padding
+              maxWidth: 'calc(100vw - 48px)',
+            },
             // 适用于短数字，短文本或者选项
             '&-xs': {
               width: 104,

diff --git a/packages/form/src/layouts/StepsForm/style.ts b/packages/form/src/layouts/StepsForm/style.ts
@@ -10,7 +10,7 @@ const genStepsFormStyle: GenerateStyle<StepsFormToken> = (token) => {
     [token.componentCls]: {
       '&-container': {
         width: 'max-content',
-        minWidth: '520px',
+        minWidth: '420px',
         maxWidth: '100%',
         margin: 'auto',
       },