hangar-tech
/
listmonk
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix issues with responsive UI on the campaign page

This commit is contained in:
Kailash Nadh 2020-03-08 15:55:22 +05:30
parent 8771dc28cb
commit 901c456aa9
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/Campaign.js
View File

@ -533,7 +533,7 @@ class TheFormDef extends React.PureComponent {
<hr /> <hr />
<Form.Item {...formItemLayout} label="Send later?"> <Form.Item {...formItemLayout} label="Send later?">
<Row> <Row>
<Col span={2}> <Col lg={4}>
{getFieldDecorator("send_later")( {getFieldDecorator("send_later")(
<Switch <Switch
disabled={this.props.formDisabled} disabled={this.props.formDisabled}
@ -542,7 +542,7 @@ class TheFormDef extends React.PureComponent {
/> />
)} )}
</Col> </Col>
<Col xs={24} sm={2}> <Col lg={20}>
{this.state.sendLater && {this.state.sendLater &&
getFieldDecorator("send_at", { getFieldDecorator("send_at", {
initialValue: initialValue:
@ -681,8 +681,8 @@ class Campaign extends React.PureComponent {
render() { render() {
return ( return (
<section className="content campaign"> <section className="content campaign">
<Row> <Row gutter={[2, 16]}>
<Col xs={24} sm={16}> <Col span={24} md={12}>
{!this.state.record.id && <h1>Create a campaign</h1>} {!this.state.record.id && <h1>Create a campaign</h1>}
{this.state.record.id && ( {this.state.record.id && (
<div> <div>
@ -706,7 +706,7 @@ class Campaign extends React.PureComponent {
</div> </div>
)} )}
</Col> </Col>
<Col xs={24} sm={8} className="right header-action-break"> <Col span={24} md={12} className="right header-action-break">
{!this.state.formDisabled && !this.state.loading && ( {!this.state.formDisabled && !this.state.loading && (
<div> <div>
<Button <Button