From e263ec344e0c5cf2fd387b485210d132c41d7ce9 Mon Sep 17 00:00:00 2001
From: LuckyFBB <976060700@qq.com>
Date: Tue, 20 Aug 2024 15:55:45 +0800
Subject: [PATCH] fix(blockheader): #471, add tooltip icon size 16 and change
 color

---
 src/components/blockHeader/index.tsx  | 2 +-
 src/components/blockHeader/style.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/blockHeader/index.tsx b/src/components/blockHeader/index.tsx
index ad141b273..d23fac43b 100644
--- a/src/components/blockHeader/index.tsx
+++ b/src/components/blockHeader/index.tsx
@@ -53,7 +53,7 @@ const BlockHeader: React.FC<BlockHeaderProps> = function (props) {
     const { beforeTitle = <div className={`default ${isSmall ? 'small' : ''}`}></div> } = props;
     const questionTooltip = tooltip && (
         <Tooltip title={tooltip}>
-            <QuestionCircleOutlined />
+            <QuestionCircleOutlined className={`${prefixCls}-after-title-icon`} />
         </Tooltip>
     );
     const newAfterTitle = afterTitle || questionTooltip;
diff --git a/src/components/blockHeader/style.scss b/src/components/blockHeader/style.scss
index 9753147d2..d8c02f9f6 100644
--- a/src/components/blockHeader/style.scss
+++ b/src/components/blockHeader/style.scss
@@ -57,8 +57,14 @@ $card_prefix: "dtc-block-header";
                 margin-right: 4px;
             }
             .#{$card_prefix}-after-title {
+                display: flex;
+                align-items: center;
                 color: #8B8FA8;
                 font-size: 12px;
+                &-icon {
+                    font-size: 16px;
+                    color: #B1B4C5;
+                }
             }
         }