fix: #545 Alert icon size

DTStack · Feb 7, 2024 · c167c5c · c167c5c
1 parent c9d206c
commit c167c5c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/components/alert/demo/icon.md b/components/alert/demo/icon.md
@@ -14,7 +14,7 @@ import { Alert } from 'antd';
 ReactDOM.render(
   <div>
     <Alert style={{ marginBottom: 20 }} message="Success Text" type="success" showIcon closable />
-    <Alert style={{ marginBottom: 20 }} message="Informational Notes" type="info" showIcon closable />
+    <Alert style={{ marginBottom: 20, width: '200px' }} message="Informational Notes" type="info" showIcon closable />
     <Alert style={{ marginBottom: 20 }} message="Warning Text" type="warning" showIcon closable />
     <Alert style={{ marginBottom: 20 }} message="Error Text" type="error" showIcon closable />
     <Alert style={{ marginBottom: 20 }} message="Error Text" type="error" description="Error Description Error Description Error Description Error Description Error Description Error Description" showIcon closable />

diff --git a/theme/dt-theme/default/alert.less b/theme/dt-theme/default/alert.less
@@ -7,7 +7,7 @@
 .ant-alert-icon {
     top: 13px;
     left: 16px;
-    font-size: 16px;
+    font-size: 20px;
 }
 
 .ant-alert-close-icon {
@@ -27,8 +27,8 @@
     .ant-alert-icon {
         top: 13px;
         left: 20px;
-        font-size: 16px;
-        margin-top: 3px;
+        font-size: 20px;
+        margin-top: 1px;
         margin-right: 8px;
     }
     .ant-alert-close-icon {

diff --git a/theme/dt-theme/default/notice.less b/theme/dt-theme/default/notice.less
@@ -5,7 +5,7 @@
     line-height: 22px;
     > .ant-alert-icon {
         align-self: flex-start;
-        margin-top: 3px;
+        margin-top: 1px;
     }
     > .ant-alert-close-icon {
         align-self: flex-start;