mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

upgrade Col span format in demo

Browse Source
This commit is contained in:
afc163 2017-06-15 15:34:47 +08:00
parent 42d279b691
commit d7a29f682b
5 changed files with 14 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -79,9 +79,11 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
> >
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
> >
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
> >
<div <div
class="ant-card" class="ant-card"
@ -104,6 +106,7 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
> >
<div <div
class="ant-card" class="ant-card"
@ -126,6 +129,7 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
> >
<div <div
class="ant-card" class="ant-card"

19
components/card/demo/grid.md
View File

@ -18,28 +18,17 @@ import { Card, Col, Row } from 'antd';
ReactDOM.render( ReactDOM.render(
<div style={{ background: '#ECECEC', padding: '30px' }}> <div style={{ background: '#ECECEC', padding: '30px' }}>
<Row> <Row gutter={16}>
<Col span="8"> <Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card> <Card title="Card title" bordered={false}>Card content</Card>
</Col> </Col>
<Col span="8"> <Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card> <Card title="Card title" bordered={false}>Card content</Card>
</Col> </Col>
<Col span="8"> <Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card> <Card title="Card title" bordered={false}>Card content</Card>
</Col> </Col>
</Row> </Row>
</div> </div>
, mountNode); , mountNode);
```` ````
````css
/* Increase grid spacing of 16px */
.code-box-demo .ant-row {
margin-left: -8px;
margin-right: -8px;
}
.code-box-demo .ant-row > div {
padding: 0 8px;
}
````

6
components/form/demo/validate-static.md
View File

@ -105,15 +105,15 @@ ReactDOM.render(
}} }}
help help
> >
<Col span="6"> <Col span={6}>
<FormItem validateStatus="error" help="Please select the correct date"> <FormItem validateStatus="error" help="Please select the correct date">
<DatePicker /> <DatePicker />
</FormItem> </FormItem>
</Col> </Col>
<Col span="1"> <Col span={1}>
<p className="ant-form-split">-</p> <p className="ant-form-split">-</p>
</Col> </Col>
<Col span="6"> <Col span={6}>
<FormItem> <FormItem>
<DatePicker /> <DatePicker />
</FormItem> </FormItem>

4
components/input/demo/group.md
View File

@ -63,10 +63,10 @@ class CompactDemo extends React.Component {
return ( return (
<div> <div>
<InputGroup size="large"> <InputGroup size="large">
<Col span="4"> <Col span={4}>
<Input defaultValue="0571" /> <Input defaultValue="0571" />
</Col> </Col>
<Col span="8"> <Col span={8}>
<Input defaultValue="26888888" /> <Input defaultValue="26888888" />
</Col> </Col>
</InputGroup> </InputGroup>

2
site/theme/template/Content/ComponentDoc.jsx
View File

@ -117,7 +117,7 @@ export default class ComponentDoc extends React.Component {
{leftChildren} {leftChildren}
</Col> </Col>
{ {
isSingleCol ? null : <Col className="code-boxes-col-2-1" span="12">{rightChildren}</Col> isSingleCol ? null : <Col className="code-boxes-col-2-1" span={12}>{rightChildren}</Col>
} }
</Row> </Row>
{ {