styles:cardBar卡片标题图标hover样式

km-console/packages/layout-clusters-fe/src/components/CardBar/BrokerHealthCheck.tsx

@@ -7,7 +7,6 @@ import { Tag, Tooltip, Utils } from 'knowdesign';
 import api from '@src/api';
 import { QuestionCircleOutlined } from '@ant-design/icons';
 import { HealthStateEnum } from '../HealthState';
-import './index.less';
 export default () => {
   const routeParams = useParams<{
     clusterId: string;
@@ -87,7 +86,7 @@ export default () => {
               <div>
                 <span style={{ display: 'inline-block', marginRight: '8px' }}>Similar Config</span>
                 <Tooltip overlayClassName="rebalance-tooltip" title="所有Broker配置是否一致">
-                  <span className='rebalance-tooltip-bg'><QuestionCircleOutlined /></span>
+                  <QuestionCircleOutlined />
                 </Tooltip>
               </div>
             );

km-console/packages/layout-clusters-fe/src/components/CardBar/index.less

@@ -63,12 +63,21 @@
       margin-left: 12px;
       padding: 12px 20px;
       .card-bar-colunms-header {
-        font-size: 14px;
-        color: #74788d;
-        letter-spacing: 0;
-        text-align: justify;
-        line-height: 20px;
-      }
+          font-size: 14px;
+          color: #74788d;
+          letter-spacing: 0;
+          text-align: justify;
+          line-height: 20px;
+          .anticon-question-circle {
+            padding: 3px 3px 2px 3px;
+            margin-left: -3px;
+            font-size: 14px;
+            border-radius: 50%;
+            &:hover {
+              background: rgba(33, 37, 41, 0.04);
+            }
+          }
+        }
       .card-bar-colunms-body {
         font-size: 40px;
         color: #212529;
@@ -177,13 +186,3 @@
     border-radius: 6px;
   }
 }
-.rebalance-tooltip-bg {
-  padding: 3px 3px 2px 3px;
-  margin-left: -3px;
-  font-size: 14px;
-  cursor: pointer;
-  border-radius: 50%;
-  &:hover {
-    background: rgba(33, 37, 41, 0.04);
-  }
-}