Browse Source

Fix form style

pull/37/head
afc163 9 years ago
parent
commit
281746e02f
  1. 5
      src/routes/Forms/AdvancedForm.js
  2. 2
      src/routes/Forms/StepForm/Step1.js
  3. 6
      src/routes/Forms/StepForm/style.less
  4. 9
      src/routes/Forms/style.less

5
src/routes/Forms/AdvancedForm.js

@ -222,16 +222,15 @@ function AdvancedForm({ form, dispatch, submitting }) {
)}
</Form.Item>
</Col>
<Col id="timepicker-container" xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}>
<Col xl={{ span: 6, offset: 2 }} lg={{ span: 8 }} md={{ span: 12 }} sm={24}>
<Form.Item label={fieldLabels.dateRange2}>
{getFieldDecorator('dateRange2', {
rules: [{ required: true, message: '请输入' }],
})(
<TimePicker
popupClassName={styles.popup}
placeholder="提醒时间"
style={{ width: '100%' }}
getPopupContainer={() => document.getElementById('timepicker-container')}
getPopupContainer={trigger => trigger.parentNode}
/>
)}
</Form.Item>

2
src/routes/Forms/StepForm/Step1.js

@ -41,7 +41,7 @@ export default ({ formItemLayout, form, dispatch }) => {
<Input.Group compact>
<Select defaultValue="alipay" style={{ width: 80 }}>
<Option value="alipay">支付宝</Option>
<Option value="wepay">微信</Option>
<Option value="bank">银行账户</Option>
</Select>
{getFieldDecorator('receiverAccount', {
initialValue: 'test@example.com',

6
src/routes/Forms/StepForm/style.less

@ -22,6 +22,8 @@
}
.desc {
padding: 0 56px;
color: @text-color-secondary;
h3 {
font-size: 16px;
margin: 0 0 12px 0;
@ -39,8 +41,6 @@
margin-bottom: 12px;
line-height: 22px;
}
padding: 0 48px;
color: @text-color-secondary;
}
@media screen and (max-width: @screen-md) {
@ -57,7 +57,7 @@
}
}
.label {
font-weight: 500;
color: @heading-color;
text-align: right;
padding-right: 8px;
}

9
src/routes/Forms/style.less

@ -88,12 +88,3 @@
color: @text-color-secondary;
font-style: normal;
}
.popup {
width: ~"calc(100% - 16px)";
:global {
.ant-time-picker-panel-select {
width: 33.33%;
}
}
}

Loading…
Cancel
Save