fix(form): Form 中 button 位置偏右 #158

jd-opensource · Jan 25, 2019 · da3d0fd · da3d0fd
1 parent 81cd5a5
commit da3d0fd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/src/components/form/index.js b/src/components/form/index.js
@@ -19,14 +19,10 @@ export default class AtForm extends AtComponent {
       className,
       reportSubmit
     } = this.props
+    const rootCls = classNames('at-form', className)
 
     return <Form
-      className={
-        classNames(
-          'at-form',
-          className
-        )
-      }
+      className={rootCls}
       style={customStyle}
       onSubmit={this.onSubmit.bind(this)}
       reportSubmit={reportSubmit}

diff --git a/src/style/components/form.scss b/src/style/components/form.scss
@@ -5,7 +5,6 @@ $at-form-bg-color: $color-bg;
 
 .at-form {
   display: block;
-  padding-left: $spacing-h-xl;
   background-color: $at-form-bg-color;
   @include hairline-top-bottom();
 }
diff --git a/src/style/components/input.scss b/src/style/components/input.scss
@@ -6,6 +6,7 @@
   padding: $spacing-v-lg 0;
   color: $at-input-label-color;
   background-color: $color-bg;
+  margin-left: $spacing-h-xl;
 
   /* 修复底线隐藏问题 */
   margin-bottom: 1PX;