style: collapse style

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;

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'
               }}