8x48/KnowStreaming
1
0
Fork 0
mirror of https://github.com/didi/KnowStreaming.git synced 2025-12-24 11:52:08 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
黄海婷
2022-11-04 18:17:18 +08:00
committed by 早晚会起风
parent 6918f4babe
commit 70ff20a2b0
2 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@@ -68,6 +68,15 @@
letter-spacing: 0; letter-spacing: 0;
text-align: justify; text-align: justify;
line-height: 20px; 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 { .card-bar-colunms-body {
font-size: 40px; font-size: 40px;
@@ -177,13 +186,3 @@
border-radius: 6px; 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);
}
}