site: styling API Tables

This commit is contained in:
afc163 2018-07-21 15:00:20 +08:00
parent 18d85141e1
commit 6be189aa0f
3 changed files with 18 additions and 7 deletions

View File

@ -26,7 +26,7 @@ Select component to select value from options.
| allowClear | Show clear button. | boolean | false |
| autoFocus | Get focus by default | boolean | false |
| defaultActiveFirstOption | Whether active first option by default | boolean | true |
| defaultValue | Initial selected option. | string\|number\|string\[]\|number\[] | - |
| defaultValue | Initial selected option. | string\|string\[]<br />number\|number\[] | - |
| disabled | Whether disabled select | boolean | false |
| dropdownClassName | className of dropdown menu | string | - |
| dropdownMatchSelectWidth | Whether dropdown's width is same with select. | boolean | true |

View File

@ -27,7 +27,7 @@ title: Select
| allowClear | 支持清除 | boolean | false |
| autoFocus | 默认获取焦点 | boolean | false |
| defaultActiveFirstOption | 是否默认高亮第一个选项。 | boolean | true |
| defaultValue | 指定默认选中的条目 | string\|string\[]\|number\|number\[] | - |
| defaultValue | 指定默认选中的条目 | string\|string\[]<br />number\|number\[] | - |
| disabled | 是否禁用 | boolean | false |
| dropdownClassName | 下拉菜单的 className 属性 | string | - |
| dropdownMatchSelectWidth | 下拉菜单和选择器同宽 | boolean | true |

View File

@ -202,20 +202,31 @@
.markdown.api-container table {
font-size: @font-size-base;
line-height: @line-height-base;
font-family: @code-family;
border-width: 0;
margin: 2em 0;
th, td {
padding: 14px 16px;
border-width: 1px 0;
border-color: @border-color-split;
}
th {
border-width: 0 0 2px 0;
}
td:first-child {
font-weight: 500;
width: 20%;
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
color: @blue-9;
}
td:nth-child(3) {
width: 22%;
font-size: 12px;
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
font-size: @font-size-base - 1px;
color: @magenta-7;
word-break: break-all;
}
td:last-child {
width: 13%;
font-size: 12px;
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
font-size: @font-size-base - 1px;
}
}