Commit 281746e0 authored by afc163's avatar afc163

Fix form style

parent 1e54651c
...@@ -222,16 +222,15 @@ function AdvancedForm({ form, dispatch, submitting }) { ...@@ -222,16 +222,15 @@ function AdvancedForm({ form, dispatch, submitting }) {
)} )}
</Form.Item> </Form.Item>
</Col> </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}> <Form.Item label={fieldLabels.dateRange2}>
{getFieldDecorator('dateRange2', { {getFieldDecorator('dateRange2', {
rules: [{ required: true, message: '请输入' }], rules: [{ required: true, message: '请输入' }],
})( })(
<TimePicker <TimePicker
popupClassName={styles.popup}
placeholder="提醒时间" placeholder="提醒时间"
style={{ width: '100%' }} style={{ width: '100%' }}
getPopupContainer={() => document.getElementById('timepicker-container')} getPopupContainer={trigger => trigger.parentNode}
/> />
)} )}
</Form.Item> </Form.Item>
......
...@@ -41,7 +41,7 @@ export default ({ formItemLayout, form, dispatch }) => { ...@@ -41,7 +41,7 @@ export default ({ formItemLayout, form, dispatch }) => {
<Input.Group compact> <Input.Group compact>
<Select defaultValue="alipay" style={{ width: 80 }}> <Select defaultValue="alipay" style={{ width: 80 }}>
<Option value="alipay">支付宝</Option> <Option value="alipay">支付宝</Option>
<Option value="wepay">微信</Option> <Option value="bank">银行账户</Option>
</Select> </Select>
{getFieldDecorator('receiverAccount', { {getFieldDecorator('receiverAccount', {
initialValue: 'test@example.com', initialValue: 'test@example.com',
......
...@@ -22,6 +22,8 @@ ...@@ -22,6 +22,8 @@
} }
.desc { .desc {
padding: 0 56px;
color: @text-color-secondary;
h3 { h3 {
font-size: 16px; font-size: 16px;
margin: 0 0 12px 0; margin: 0 0 12px 0;
...@@ -39,8 +41,6 @@ ...@@ -39,8 +41,6 @@
margin-bottom: 12px; margin-bottom: 12px;
line-height: 22px; line-height: 22px;
} }
padding: 0 48px;
color: @text-color-secondary;
} }
@media screen and (max-width: @screen-md) { @media screen and (max-width: @screen-md) {
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
} }
} }
.label { .label {
font-weight: 500; color: @heading-color;
text-align: right; text-align: right;
padding-right: 8px; padding-right: 8px;
} }
......
...@@ -88,12 +88,3 @@ ...@@ -88,12 +88,3 @@
color: @text-color-secondary; color: @text-color-secondary;
font-style: normal; font-style: normal;
} }
.popup {
width: ~"calc(100% - 16px)";
:global {
.ant-time-picker-panel-select {
width: 33.33%;
}
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment