Changed layout of settings cards

This commit is contained in:
Henry Whitaker
2020-06-22 01:46:40 +01:00
parent 9c74987599
commit d900e4ab20

View File

@@ -54,13 +54,13 @@ export default class Settings extends Component {
var e = this.state.data; var e = this.state.data;
return ( return (
<Row> <Row>
<Col lg={{ span: 2, offset: 3 }} md={{ span: 6 }} sm={{ span: 12 }}> <Col lg={{ span: 4 }} md={{ span: 6 }} sm={{ span: 12 }}>
<Setting name={e.schedule.name} value={e.schedule.value} description={e.schedule.description} /> <Setting name={e.schedule.name} value={e.schedule.value} description={e.schedule.description} />
</Col> </Col>
<Col lg={{ span: 2 }} md={{ span: 6 }} sm={{ span: 12 }}> <Col lg={{ span: 4 }} md={{ span: 6 }} sm={{ span: 12 }}>
<Setting name={e.server.name} value={e.server.value} description={e.server.description} /> <Setting name={e.server.name} value={e.server.value} description={e.server.description} />
</Col> </Col>
<Col lg={{ span: 2 }} md={{ span: 6 }} sm={{ span: 12 }}> <Col lg={{ span: 4 }} md={{ span: 6 }} sm={{ span: 12 }}>
<SettingWithModal title="Notification settings" description="Control which types of notifications the server sends." settings={[ <SettingWithModal title="Notification settings" description="Control which types of notifications the server sends." settings={[
{ {
obj: e.speedtest_notifications, obj: e.speedtest_notifications,
@@ -92,7 +92,7 @@ export default class Settings extends Component {
return ( return (
<div> <div>
<Container className="my-4" fluid> <Container className="my-4">
<Row> <Row>
<Col sm={{ span: 12 }} className="mb-3 text-center"> <Col sm={{ span: 12 }} className="mb-3 text-center">
<div className="mouse" onClick={this.toggleShow}> <div className="mouse" onClick={this.toggleShow}>