mirror of
https://github.com/henrywhitaker3/Speedtest-Tracker.git
synced 2025-12-21 21:33:08 +01:00
Changed layout of settings cards
This commit is contained in:
8
resources/js/components/Home/Settings.js
vendored
8
resources/js/components/Home/Settings.js
vendored
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user