style: backend check info

src/components/alert-info/block.less

@@ -1,7 +1,7 @@
 .alert-info-block {
   padding: 6px 10px;
   position: relative;
-  padding-top: 35px;
+  padding-left: 32px;
   text-align: left;
   border-radius: var(--border-radius-base);
   margin: 0;
@@ -30,22 +30,11 @@
     left: 0;
     top: 0;
     display: flex;
-    height: 30px;
-    width: 100%;
+    height: 32px;
     padding: 5px 10px;
     border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
 
-    &.danger {
-      background-color: var(--ant-color-error-bg-filled-hover);
-    }
-
-    &.warning {
-      background-color: var(--ant-color-warning-bg-hover);
-    }
-
     .info-icon {
-      margin-right: 8px;
-
       &.danger {
         color: var(--ant-color-error);
       }

src/components/alert-info/block.tsx

@@ -14,7 +14,7 @@ interface AlertInfoProps {
 }
 
 const AlertInfo: React.FC<AlertInfoProps> = (props) => {
-  const { message, type, rows = 1, ellipsis, style, title } = props;
+  const { message, type, rows = 1, ellipsis, style } = props;
 
   return (
     <>
@@ -25,17 +25,14 @@ const AlertInfo: React.FC<AlertInfoProps> = (props) => {
         >
           <Typography.Paragraph
             ellipsis={
-              ellipsis !== undefined
-                ? ellipsis
-                : {
-                    rows: rows,
-                    tooltip: message
-                  }
+              ellipsis ?? {
+                rows: rows,
+                tooltip: message
+              }
             }
           >
             <div className={classNames('title', type)}>
               <WarningFilled className={classNames('info-icon', type)} />
-              <span className="text">{title}</span>
             </div>
             <span className="content">{message}</span>
           </Typography.Paragraph>