fix: card demo inner

This commit is contained in:
ycjcl868 2019-12-25 21:58:28 +08:00
parent f866fac698
commit 0f9ee82d89
2 changed files with 17 additions and 11 deletions

View File

@ -18,16 +18,7 @@ import { Card } from 'antd';
ReactDOM.render(
<Card title="Card title">
<p
style={{
fontSize: 14,
color: 'rgba(0, 0, 0, 0.85)',
marginBottom: 16,
fontWeight: 500,
}}
>
Group title
</p>
<p className="site-card-demo-inner-p">Group title</p>
<Card type="inner" title="Inner Card title" extra={<a href="#">More</a>}>
Inner Card content
</Card>
@ -43,3 +34,18 @@ ReactDOM.render(
mountNode,
);
```
```css
.site-card-demo-inner-p {
font-size: 14px;
color: rgba(0, 0, 0, 0.85);
margin-bottom: 16px;
font-weight: 500;
}
```
<style>
[data-theme="dark"] .site-card-demo-inner-p {
color: rgba(255,255,255,.85);
}
</style>

View File

@ -156,7 +156,7 @@
"@types/warning": "^3.0.0",
"@typescript-eslint/eslint-plugin": "^2.0.0",
"@typescript-eslint/parser": "^2.10.0",
"antd-pro-merge-less": "^2.0.25",
"antd-pro-merge-less": "^2.0.26",
"antd-theme-generator": "^1.1.6",
"babel-eslint": "^10.0.1",
"babel-plugin-add-react-displayname": "^0.0.5",