ソースを参照

Fix button response design

afc163 8 年 前
コミット
9b23270ac8
2 ファイル変更8 行追加2 行削除
  1. 4 1
      src/routes/Forms/StepForm/Step1.js
  2. 4 1
      src/routes/Forms/StepForm/Step2.js

+ 4 - 1
src/routes/Forms/StepForm/Step1.js

@@ -80,7 +80,10 @@ export default ({ formItemLayout, form, dispatch }) => {
           )}
           )}
         </Form.Item>
         </Form.Item>
         <Form.Item
         <Form.Item
-          wrapperCol={{ offset: formItemLayout.labelCol.span }}
+          wrapperCol={{
+            xs: { span: 24, offset: 0 },
+            sm: { span: formItemLayout.wrapperCol.span, offset: formItemLayout.labelCol.span },
+          }}
           label=""
           label=""
         >
         >
           <Button type="primary" onClick={onValidateForm}>
           <Button type="primary" onClick={onValidateForm}>

+ 4 - 1
src/routes/Forms/StepForm/Step2.js

@@ -74,7 +74,10 @@ export default ({ formItemLayout, form, data, dispatch, submitting }) => {
 
 
       </Form.Item>
       </Form.Item>
       <Form.Item
       <Form.Item
-        wrapperCol={{ offset: 5 }}
+        wrapperCol={{
+          xs: { span: 24, offset: 0 },
+          sm: { span: formItemLayout.wrapperCol.span, offset: formItemLayout.labelCol.span },
+        }}
         label=""
         label=""
       >
       >
         <Button type="primary" onClick={onValidateForm} loading={submitting}>
         <Button type="primary" onClick={onValidateForm} loading={submitting}>