chore: switches view rearrange

This commit is contained in:
xidedix 2018-05-10 13:16:10 +02:00
parent d1d388781c
commit 49e86ad555

View File

@ -8,6 +8,42 @@ class Switches extends Component {
<div className="animated fadeIn">
<Row>
<Col xs="12" md="6">
<Card>
<CardHeader>
Switch default
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} checked />
<AppSwitch className={'mx-1'} color={'secondary'} checked />
<AppSwitch className={'mx-1'} color={'success'} checked />
<AppSwitch className={'mx-1'} color={'warning'} checked />
<AppSwitch className={'mx-1'} color={'info'} checked />
<AppSwitch className={'mx-1'} color={'danger'} checked />
<AppSwitch className={'mx-1'} color={'light'} checked />
<AppSwitch className={'mx-1'} color={'dark'} checked />
<AppSwitch className={'mx-1'} color={'primary'} disabled />
</CardBody>
</Card>
</Col>
<Col xs="12" md="6">
<Card>
<CardHeader>
Switch pills
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'success'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'info'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'light'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} disabled />
</CardBody>
</Card>
</Col>
<Col xs="12" md="6">
<Card>
<CardHeader>
@ -117,43 +153,6 @@ class Switches extends Component {
</CardBody>
</Card>
</Col>
<Col xs="12" md="6">
<Card>
<CardHeader>
Switch default
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} color={'primary'} checked />
<AppSwitch className={'mx-1'} color={'secondary'} checked />
<AppSwitch className={'mx-1'} color={'success'} checked />
<AppSwitch className={'mx-1'} color={'warning'} checked />
<AppSwitch className={'mx-1'} color={'info'} checked />
<AppSwitch className={'mx-1'} color={'danger'} checked />
<AppSwitch className={'mx-1'} color={'light'} checked />
<AppSwitch className={'mx-1'} color={'dark'} checked />
<AppSwitch className={'mx-1'} color={'primary'} disabled />
</CardBody>
</Card>
</Col>
<Col xs="12" md="6">
<Card>
<CardHeader>
Switch pills
</CardHeader>
<CardBody>
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'secondary'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'success'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'warning'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'info'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'danger'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'light'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'dark'} checked />
<AppSwitch className={'mx-1'} variant={'pill'} color={'primary'} disabled />
</CardBody>
</Card>
</Col>
<Col xs="12" md="6">
<Card>
<CardHeader>