mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 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
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
>
<div
class="ant-card"
@ -104,6 +106,7 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
>
<div
class="ant-card"
@ -126,6 +129,7 @@ exports[`renders ./components/card/demo/grid.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
>
<div
class="ant-card"

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

@ -18,28 +18,17 @@ import { Card, Col, Row } from 'antd';
ReactDOM.render(
<div style={{ background: '#ECECEC', padding: '30px' }}>
<Row>
<Col span="8">
<Row gutter={16}>
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
<Col span="8">
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
<Col span="8">
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
</Row>
</div>
, 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
>
<Col span="6">
<Col span={6}>
<FormItem validateStatus="error" help="Please select the correct date">
<DatePicker />
</FormItem>
</Col>
<Col span="1">
<Col span={1}>
<p className="ant-form-split">-</p>
</Col>
<Col span="6">
<Col span={6}>
<FormItem>
<DatePicker />
</FormItem>

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

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

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

@ -117,7 +117,7 @@ export default class ComponentDoc extends React.Component {
{leftChildren}
</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>
{