mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
update datepicker size style
This commit is contained in:
parent
c87c37329c
commit
ee91436840
@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
- order: 1
|
- order: 1
|
||||||
|
|
||||||
三种大小的输入框,`size`为`lg`和`sm`分别表示高为`32px`和`22px`,默认`28px`。
|
三种大小的输入框,大的用在表单中,中的为默认。
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -12,9 +12,9 @@ var Datepicker = antd.Datepicker;
|
|||||||
|
|
||||||
React.render(
|
React.render(
|
||||||
<div>
|
<div>
|
||||||
<Datepicker size="sm" value="" />
|
<Datepicker size="lg" />
|
||||||
<Datepicker value="" />
|
<Datepicker />
|
||||||
<Datepicker size="lg" value="" />
|
<Datepicker size="sm" />
|
||||||
</div>
|
</div>
|
||||||
, document.getElementById('components-datepicker-demo-size'));
|
, document.getElementById('components-datepicker-demo-size'));
|
||||||
````
|
````
|
||||||
|
@ -32,4 +32,7 @@
|
|||||||
.code-box-demo .ant-calendar-picker-input {
|
.code-box-demo .ant-calendar-picker-input {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
.code-box-demo .ant-calendar-picker {
|
||||||
|
margin: 0 12px 12px 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user