change question mark size to 16px in component blockHeader (#417)

* change afterTitle question mark to 16px at blockheader component

* change question mark size to 16px in blockTitle component

Author: haiminovo

src/blockHeader/index.tsx

@@ -63,10 +63,9 @@ const BlockHeader: React.FC<IBlockHeaderProps> = function (props) {
 
     const questionTooltip = tooltip && (
         <Tooltip title={tooltip}>
-            <QuestionCircleOutlined />
+            <QuestionCircleOutlined className={`${prefixCls}-after-title-icon`} />
         </Tooltip>
     );
-
     const newAfterTitle = afterTitle || questionTooltip;
     let bottomStyle;
     if (hasBottom) bottomStyle = { marginBottom: 16 };

src/blockHeader/style.scss

@@ -37,6 +37,7 @@ $card_prefix: "dtc-block-header";
         &-pointer {
             cursor: pointer;
         }
+
         .#{$card_prefix}-title-box {
             flex: 1;
             display: flex;
@@ -50,8 +51,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;
+                }
             }
         }