From b07f850c19447b6e986e1bbc7ab62ced772a337e Mon Sep 17 00:00:00 2001
From: cp3hnu <cp3hnu@gmail.com>
Date: Tue, 19 Nov 2024 17:08:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E5=8D=87=E7=BA=A7=E4=B9=8B=E5=90=8E=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 react-ui/src/overrides.less   |  8 ++++++++
 react-ui/src/styles/menu.less | 33 +++++++++++++++++----------------
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/react-ui/src/overrides.less b/react-ui/src/overrides.less
index f676890e..e129b4a7 100644
--- a/react-ui/src/overrides.less
+++ b/react-ui/src/overrides.less
@@ -204,6 +204,14 @@
   margin-inline-start: 12px;
 }
 
+.ant-pro-layout .ant-pro-sider-logo-collapsed {
+  padding: 16px 12px;
+}
+
+.ant-pro-base-menu-inline .ant-pro-base-menu-inline-menu-item {
+  transition: padding 0.1s !important;
+}
+
 // PageContainer 里的 ProTable 只滑动内容区域
 .system-menu.ant-pro-page-container {
   height: 100%;
diff --git a/react-ui/src/styles/menu.less b/react-ui/src/styles/menu.less
index 1d547ff1..02fe0c17 100644
--- a/react-ui/src/styles/menu.less
+++ b/react-ui/src/styles/menu.less
@@ -15,16 +15,6 @@
       display: none !important;
       margin-left: 0 !important;
     }
-
-    &:hover {
-      .anticon.kf-menu-item__default-icon {
-        display: none !important;
-      }
-      .anticon.kf-menu-item__active-icon {
-        display: inline !important;
-        opacity: 1;
-      }
-    }
   }
 }
 
@@ -42,18 +32,29 @@
   }
 }
 
+.ant-menu-submenu .ant-menu-submenu-title:hover,
+.ant-menu-item:hover {
+  color: @primary-color !important;
+
+  .kf-menu-item {
+    .anticon.kf-menu-item__default-icon {
+      display: none !important;
+    }
+
+    .anticon.kf-menu-item__active-icon {
+      display: inline !important;
+      opacity: 1;
+    }
+  }
+}
+
 .ant-pro-base-menu-vertical-collapsed {
   .kf-menu-item {
     justify-content: center;
+    width: 100%;
 
     .kf-menu-item__name {
       display: none !important;
     }
   }
 }
-
-.ant-menu-submenu {
-  .ant-menu-submenu-title:hover {
-    color: @primary-color !important;
-  }
-}