From c4a72eb375e598f052ee8e153460df6a72b83a02 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 4 Jun 2026 10:20:40 +0800
Subject: [PATCH] style: collapse style

---
 src/global.less       | 13 ++++++++++++-
 src/layouts/index.tsx |  7 ++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/global.less b/src/global.less
index be535828..829a3cec 100644
--- a/src/global.less
+++ b/src/global.less
@@ -257,9 +257,20 @@ body {
       border-block-end: none;
     }
 
+    .ant-pro-sider-logo {
+      .collapse-btn {
+        color: var(--ant-color-text-tertiary);
+        :hover {
+          color: var(--ant-color-text);
+        }
+      }
+    }
+
     .ant-pro-sider-logo-collapsed {
-      padding-left: 12px;
+      padding-left: 6px;
       cursor: e-resize;
+      display: flex;
+      gap: 6px;
 
       .collapse-wrap {
         display: none;
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index d3ff93b9..bedfebcb 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -237,19 +237,20 @@ export default (props: any) => {
     return (
       <>
         {logo}
-        <div className="collapse-wrap" onClick={handleToggleCollapse}>
+        <div onClick={handleToggleCollapse}>
           <Button
+            className="collapse-btn"
             style={{
               marginRight: collapsed ? 0 : -6,
               border: 'none',
               cursor: 'w-resize'
             }}
             size="small"
-            type={collapsed ? 'default' : 'text'}
+            type={'text'}
           >
             <IconFont
               type={collapsed ? 'icon-expand-left' : 'icon-expand-right'}
-              className="font-size-18 text-secondary"
+              className="font-size-18"
               style={{
                 display: 'block'
               }}