From 17fa8eb93b498e21d1baa2b3f7eb39198e3e02dd Mon Sep 17 00:00:00 2001
From: Vben <ann.vben@gmail.com>
Date: Thu, 26 Sep 2024 22:40:23 +0800
Subject: [PATCH] fix: improve ant design button icon style (#4520)

---
 packages/styles/src/antd/index.css | 39 ++++++++++++++++++------------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/packages/styles/src/antd/index.css b/packages/styles/src/antd/index.css
index 001fe9e67ba..33766b6f99a 100644
--- a/packages/styles/src/antd/index.css
+++ b/packages/styles/src/antd/index.css
@@ -7,29 +7,38 @@
   color: inherit;
 }
 
+.ant-btn {
+  .anticon {
+    display: inline-flex;
+  }
+}
+
 .ant-message-notice-content,
 .ant-notification-notice {
   @apply dark:border-border/60 dark:border;
 }
 
-/** select 选择器的样式 */
-.form-valid-error .ant-select .ant-select-selector {
-  border-color: hsl(var(--destructive)) !important;
-}
+.form-valid-error {
+  /** select 选择器的样式 */
 
-.form-valid-error .ant-select-focused .ant-select-selector {
-  box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
-}
+  .ant-select .ant-select-selector {
+    border-color: hsl(var(--destructive)) !important;
+  }
 
-/** 数字输入框样式 */
-.form-valid-error .ant-input-number-focused {
-  box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
-}
+  .ant-select-focused .ant-select-selector {
+    box-shadow: 0 0 0 2px rgb(255 38 5 / 6%) !important;
+  }
 
-/** 密码输入框样式 */
-.form-valid-error .ant-input-affix-wrapper:hover {
-  border-color: hsl(var(--destructive));
-  box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
+  /** 数字输入框样式 */
+  .ant-input-number-focused {
+    box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
+  }
+
+  /** 密码输入框样式 */
+  .ant-input-affix-wrapper:hover {
+    border-color: hsl(var(--destructive));
+    box-shadow: 0 0 0 2px rgb(255 38 5 / 6%);
+  }
 }
 
 /** 区间选择器下面来回切换时的样式 */