test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 12:09:14 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

tweak icons size

Browse Source
This commit is contained in:
afc163 2018-09-03 17:11:20 +08:00
parent 1b78b604cd
commit 3cbb5da6c2
9 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/alert/style/index.less
View File

@ -18,9 +18,10 @@
}
&-icon {
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2 + 1px;
top: 8px + @font-size-base * @line-height-base / 2 - @font-size-base / 2 - 0.5px;
left: 16px;
position: absolute;
font-size: @font-size-base + 2px;
}
&-description {
@ -98,9 +99,9 @@
&-with-description &-icon {
position: absolute;
top: 16px;
top: 14px;
left: 24px;
font-size: 24px;
font-size: 26px;
}
&-with-description &-close-icon {

6
components/modal/style/confirm.less
View File

@ -1,6 +1,7 @@
@import "../../style/mixins/index";
@confirm-prefix-cls: ~"@{ant-prefix}-confirm";
@confirm-icon-size: 26px;
.@{confirm-prefix-cls} {
.@{ant-prefix}-modal-header {
@ -24,7 +25,6 @@
color: @heading-color;
font-weight: 500;
font-size: @font-size-lg;
line-height: 1.4;
display: block;
// create BFC to avoid
// https://user-images.githubusercontent.com/507615/37702510-ba844e06-2d2d-11e8-9b67-8e19be57f445.png
@ -32,14 +32,14 @@
}
.@{confirm-prefix-cls}-content {
margin-left: 38px;
margin-left: @confirm-icon-size + 16px;
font-size: @font-size-base;
color: @text-color;
margin-top: 8px;
}
> .@{iconfont-css-prefix} {
font-size: 22px;
font-size: @confirm-icon-size;
margin-right: 16px;
float: left;
}

2
components/notification/style/index.less
View File

@ -86,7 +86,7 @@
&-icon {
position: absolute;
font-size: 24px;
font-size: 26px;
line-height: 24px;
margin-left: 4px;

11
components/pagination/style/index.less
View File

@ -175,14 +175,9 @@
outline: none;
display: block;
transition: all .3s;
&:after {
font-size: 12px;
display: block;
height: @pagination-item-size - 2px;
text-align: center;
font-weight: 500;
}
font-size: 12px;
height: 100%;
text-align: center;
}
&:focus .@{pagination-prefix-cls}-item-link,

1
components/popover/style/index.less
View File

@ -80,6 +80,7 @@
color: @warning-color;
line-height: @line-height-base + 0.1;
position: absolute;
font-size: @font-size-base + 2px;
}
&-title {
padding-left: @font-size-base + 8px;

3
components/rate/style/index.less
View File

@ -40,6 +40,9 @@
user-select: none;
transition: all .3s;
color: @rate-star-bg;
.@{iconfont-css-prefix} {
vertical-align: middle;
}
}
&:hover,

2
components/style/themes/default.less
View File

@ -449,7 +449,7 @@
@breadcrumb-base-color: @text-color-secondary;
@breadcrumb-last-item-color: @text-color;
@breadcrumb-font-size: @font-size-base;
@breadcrumb-icon-font-size: @font-size-sm;
@breadcrumb-icon-font-size: @font-size-base;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @text-color-secondary;

2
components/switch/index.tsx
View File

@ -54,7 +54,7 @@ export default class Switch extends React.Component<SwitchProps, {}> {
});
const loadingIcon = loading ? (
<Icon
type="loading-3-quarters"
type="loading"
className={`${prefixCls}-loading-icon`}
/>
) : null;

1
components/tabs/style/index.less
View File

@ -189,6 +189,7 @@
.@{iconfont-css-prefix} {
margin-right: 8px;
font-size: @font-size-base + 2px;
}
}