diff --git a/km-console/packages/config-manager-fe/src/components/TypicalListCard/index.less b/km-console/packages/config-manager-fe/src/components/TypicalListCard/index.less index e9766691..a4272ad7 100644 --- a/km-console/packages/config-manager-fe/src/components/TypicalListCard/index.less +++ b/km-console/packages/config-manager-fe/src/components/TypicalListCard/index.less @@ -33,10 +33,12 @@ cursor: pointer; } .refresh-icon{ - padding: 0 6px; - border-radius: 50%; - &:hover { - background: rgba(33, 37, 41, 0.04); + .icon{ + padding: 3px; + border-radius: 50%; + &:hover { + background: rgba(33, 37, 41, 0.04); + } } } .right .search-input { diff --git a/km-console/packages/layout-clusters-fe/src/components/CardBar/index.less b/km-console/packages/layout-clusters-fe/src/components/CardBar/index.less index 707fb0dc..c3101e00 100644 --- a/km-console/packages/layout-clusters-fe/src/components/CardBar/index.less +++ b/km-console/packages/layout-clusters-fe/src/components/CardBar/index.less @@ -178,8 +178,8 @@ } } .rebalance-tooltip-bg { - padding: 6px; - margin-left: -6px; + padding: 3px; + margin-left: -3px; font-size: 14px; cursor: pointer; border-radius: 50%; diff --git a/km-console/packages/layout-clusters-fe/src/components/ChartOperateBar/style/index.less b/km-console/packages/layout-clusters-fe/src/components/ChartOperateBar/style/index.less index e9e6a8b2..7709e5ce 100644 --- a/km-console/packages/layout-clusters-fe/src/components/ChartOperateBar/style/index.less +++ b/km-console/packages/layout-clusters-fe/src/components/ChartOperateBar/style/index.less @@ -37,7 +37,7 @@ display: flex; justify-content: center; align-items: center; - padding: 6px; + padding: 3px; border-radius: 50%; cursor: pointer; .icon { diff --git a/km-console/packages/layout-clusters-fe/src/index.less b/km-console/packages/layout-clusters-fe/src/index.less index 2d59a3fe..cba2f5d2 100644 --- a/km-console/packages/layout-clusters-fe/src/index.less +++ b/km-console/packages/layout-clusters-fe/src/index.less @@ -312,14 +312,14 @@ li { font-size: 20px; color: #74788d; cursor: pointer; - padding: 0px 6px; - color: #74788d; - cursor: pointer; - border-radius: 50%; - &:hover { + &-icon { + border-radius: 50%; + padding: 3px; + } + &-icon:hover { background: rgba(33, 37, 41, 0.04); } - } + } } &-right{ diff --git a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/index.less b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/index.less index 90192e4b..7cb7ded4 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/index.less +++ b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/index.less @@ -210,14 +210,15 @@ margin-bottom: 10px; .icon { - padding: 3px 3px 2px 3px; margin-left: 4px; font-size: 14px; cursor: pointer; - border-radius: 50%; - line-height: 12px; - &:hover { - background: rgba(33, 37, 41, 0.04); + .anticon { + padding: 3px; + border-radius: 50%; + &:hover { + background: rgba(33, 37, 41, 0.04); + } } } }