From a4884890926fe61aaa1c66d16c38e44d5cb8a3ba Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Tue, 29 Apr 2025 09:35:02 +0800
Subject: [PATCH] refactor(Sidebar, McpSettingsNavbar): update icons and
 improve layout for better UI consistency

---
 src/renderer/src/components/app/Sidebar.tsx          |  6 +++---
 .../pages/settings/MCPSettings/McpSettingsNavbar.tsx | 12 ++++--------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/renderer/src/components/app/Sidebar.tsx b/src/renderer/src/components/app/Sidebar.tsx
index c1fef66656..8b50bdd7d2 100644
--- a/src/renderer/src/components/app/Sidebar.tsx
+++ b/src/renderer/src/components/app/Sidebar.tsx
@@ -19,10 +19,10 @@ import {
   MessageSquareQuote,
   Moon,
   Palette,
-  RefreshCcw,
   Settings,
   Sparkle,
-  Sun
+  Sun,
+  SunMoon
 } from 'lucide-react'
 import { FC, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -104,7 +104,7 @@ const Sidebar: FC = () => {
             ) : settingTheme === 'light' ? (
               <Sun size={20} className="icon" />
             ) : (
-              <RefreshCcw size={20} className="icon" />
+              <SunMoon size={20} className="icon" />
             )}
           </Icon>
         </Tooltip>
diff --git a/src/renderer/src/pages/settings/MCPSettings/McpSettingsNavbar.tsx b/src/renderer/src/pages/settings/MCPSettings/McpSettingsNavbar.tsx
index afe9d62a4a..b3845df5e6 100644
--- a/src/renderer/src/pages/settings/MCPSettings/McpSettingsNavbar.tsx
+++ b/src/renderer/src/pages/settings/MCPSettings/McpSettingsNavbar.tsx
@@ -64,10 +64,9 @@ export const McpSettingsNavbar = () => {
     key: name,
     label: (
       <Menu.Item
-        key={name}
         onClick={() => window.open(url, '_blank', 'noopener,noreferrer')}
-        style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }}>
-        <img src={logo} alt={name} style={{ width: 16, height: 16, borderRadius: 3, marginRight: 8 }} />
+        style={{ backgroundColor: 'transparent' }}
+        icon={<img src={logo} alt={name} style={{ width: 20, height: 20, borderRadius: 5, marginRight: 10 }} />}>
         {name}
       </Menu.Item>
     )
@@ -85,17 +84,14 @@ export const McpSettingsNavbar = () => {
           style={{ fontSize: 13, height: 28, borderRadius: 20 }}>
           {t('settings.mcp.searchNpx')}
         </Button>
-        <Dropdown
-          menu={{ items: resourceMenuItems }}
-          trigger={['click']}
-          overlayStyle={{ maxHeight: '400px', overflow: 'auto' }}>
+        <Dropdown menu={{ items: resourceMenuItems }} trigger={['click']}>
           <Button
             size="small"
             type="text"
             className="nodrag"
             style={{ fontSize: 13, height: 28, borderRadius: 20, display: 'flex', alignItems: 'center' }}>
             {t('settings.mcp.findMore')}
-            <ChevronDown size={14} style={{ marginLeft: 5 }} />
+            <ChevronDown size={16} />
           </Button>
         </Dropdown>
         <InstallNpxUv mini />