Browse Source

fix tweak icon

pull/11809/merge
HeskeyBaozi 6 years ago
committed by 偏右
parent
commit
c76a90b2b7
  1. 7
      components/alert/style/index.less
  2. 2
      components/icon/index.tsx
  3. 6
      components/modal/style/confirm.less
  4. 2
      components/notification/style/index.less
  5. 2
      components/style/themes/default.less
  6. 6
      components/switch/style/index.less
  7. 1
      components/tabs/style/index.less
  8. 2
      package.json

7
components/alert/style/index.less

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

2
components/icon/index.tsx

@ -1,6 +1,6 @@
import * as React from 'react';
import classNames from 'classnames';
import * as allIcons from '@ant-design/icons';
import * as allIcons from '@ant-design/icons/lib/dist';
import ReactIcon from '@ant-design/icons-react';
import createFromIconfontCN from './IconFont';
import {

6
components/modal/style/confirm.less

@ -1,7 +1,6 @@
@import "../../style/mixins/index";
@confirm-prefix-cls: ~"@{ant-prefix}-confirm";
@confirm-icon-size: 26px;
.@{confirm-prefix-cls} {
.@{ant-prefix}-modal-header {
@ -25,6 +24,7 @@
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: @confirm-icon-size + 16px;
margin-left: 38px;
font-size: @font-size-base;
color: @text-color;
margin-top: 8px;
}
> .@{iconfont-css-prefix} {
font-size: @confirm-icon-size;
font-size: 22px;
margin-right: 16px;
float: left;
}

2
components/notification/style/index.less

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

2
components/style/themes/default.less

@ -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-base;
@breadcrumb-icon-font-size: @font-size-sm;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @text-color-secondary;

6
components/switch/style/index.less

@ -52,7 +52,8 @@
}
&-loading-icon {
animation: loadingCircle 1s infinite linear;
// loading default use animation
// animation: loadingCircle 1s infinite linear;
background: transparent;
z-index: 1;
display: none;
@ -125,7 +126,8 @@
}
&-small&-loading &-loading-icon {
animation: AntSwitchSmallLoadingCircle 1s infinite linear;
// animation: AntSwitchSmallLoadingCircle 1s infinite linear;
transform: scale(0.66667);
font-weight: bold;
}

1
components/tabs/style/index.less

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

2
package.json

@ -39,7 +39,7 @@
"react-dom": ">=16.0.0"
},
"dependencies": {
"@ant-design/icons": "~1.1.3",
"@ant-design/icons": "~1.1.4",
"@ant-design/icons-react": "~1.1.1",
"array-tree-filter": "^2.0.0",
"babel-runtime": "6.x",

Loading…
Cancel
Save