refactor(Sidebar, McpSettingsNavbar): update icons and improve layout for better UI consistency

This commit is contained in:
kangfenmao 2025-04-29 09:35:02 +08:00
parent 60a10bd6af
commit a488489092
2 changed files with 7 additions and 11 deletions

View File

@ -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>

View File

@ -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 />