diff --git a/src/renderer/src/assets/fonts/icon-fonts/iconfont.css b/src/renderer/src/assets/fonts/icon-fonts/iconfont.css index 5a78fc57..4f058812 100644 --- a/src/renderer/src/assets/fonts/icon-fonts/iconfont.css +++ b/src/renderer/src/assets/fonts/icon-fonts/iconfont.css @@ -1,6 +1,6 @@ @font-face { font-family: 'iconfont'; /* Project id 4753420 */ - src: url('iconfont.woff2?t=1738750230250') format('woff2'); + src: url('iconfont.woff2?t=1741743579060') format('woff2'); } .iconfont { @@ -11,6 +11,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-notion:before { + content: '\e690'; +} + .icon-thinking:before { content: '\e65b'; } @@ -19,10 +23,6 @@ content: '\e623'; } -.icon-mcp:before { - content: '\e78e'; -} - .icon-icon-adaptive-width:before { content: '\e87a'; } @@ -31,10 +31,6 @@ content: '\e630'; } -.icon-a-darkmode:before { - content: '\e6cd'; -} - .icon-ai-model:before { content: '\e827'; } diff --git a/src/renderer/src/assets/fonts/icon-fonts/iconfont.woff2 b/src/renderer/src/assets/fonts/icon-fonts/iconfont.woff2 index a059cc70..6c0519fc 100644 Binary files a/src/renderer/src/assets/fonts/icon-fonts/iconfont.woff2 and b/src/renderer/src/assets/fonts/icon-fonts/iconfont.woff2 differ diff --git a/src/renderer/src/components/ListItem/index.tsx b/src/renderer/src/components/ListItem/index.tsx index 23cda059..6e4b539e 100644 --- a/src/renderer/src/components/ListItem/index.tsx +++ b/src/renderer/src/components/ListItem/index.tsx @@ -6,16 +6,17 @@ interface ListItemProps { icon?: ReactNode title: string subtitle?: string + titleStyle?: React.CSSProperties onClick?: () => void } -const ListItem = ({ active, icon, title, subtitle, onClick }: ListItemProps) => { +const ListItem = ({ active, icon, title, subtitle, titleStyle, onClick }: ListItemProps) => { return ( {icon && {icon}} - {title} + {title} {subtitle && {subtitle}} @@ -48,7 +49,7 @@ const ListItemContainer = styled.div` const ListItemContent = styled.div` display: flex; align-items: center; - gap: 8px; + gap: 5px; overflow: hidden; font-size: 13px; ` diff --git a/src/renderer/src/pages/home/Messages/ChatNavigation.tsx b/src/renderer/src/pages/home/Messages/ChatNavigation.tsx index 05fca990..42355852 100644 --- a/src/renderer/src/pages/home/Messages/ChatNavigation.tsx +++ b/src/renderer/src/pages/home/Messages/ChatNavigation.tsx @@ -104,21 +104,21 @@ const ChatNavigation: FC = ({ containerId }) => { const assistantMessages = findAssistantMessages() if (userMessages.length === 0 && assistantMessages.length === 0) { - window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) return scrollToBottom() } const visibleIndex = getCurrentVisibleIndex('down') if (visibleIndex === -1) { - window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) return scrollToBottom() } const targetIndex = visibleIndex - 1 if (targetIndex < 0) { - window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.last'), key: 'navigation-info' }) return scrollToBottom() } @@ -130,21 +130,21 @@ const ChatNavigation: FC = ({ containerId }) => { const userMessages = findUserMessages() const assistantMessages = findAssistantMessages() if (userMessages.length === 0 && assistantMessages.length === 0) { - window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) return scrollToTop() } const visibleIndex = getCurrentVisibleIndex('up') if (visibleIndex === -1) { - window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) return scrollToTop() } const targetIndex = visibleIndex + 1 if (targetIndex >= userMessages.length) { - window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) + // window.message.info({ content: t('chat.navigation.first'), key: 'navigation-info' }) return scrollToTop() } diff --git a/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx b/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx index d03a6d54..2cbdd394 100644 --- a/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx +++ b/src/renderer/src/pages/settings/DataSettings/DataSettings.tsx @@ -1,4 +1,12 @@ -import { FileSearchOutlined, FolderOpenOutlined, SaveOutlined } from '@ant-design/icons' +import { + CloudSyncOutlined, + DatabaseOutlined, + FileMarkdownOutlined, + FileSearchOutlined, + FolderOpenOutlined, + SaveOutlined, + YuqueOutlined +} from '@ant-design/icons' import { HStack } from '@renderer/components/Layout' import ListItem from '@renderer/components/ListItem' import BackupPopup from '@renderer/components/Popups/BackupPopup' @@ -27,11 +35,15 @@ const DataSettings: FC = () => { const [menu, setMenu] = useState('data') const menuItems = [ - { key: 'data', title: 'settings.data.data.title' }, - { key: 'webdav', title: 'settings.data.webdav.title' }, - { key: 'markdown_export', title: 'settings.data.markdown_export.title' }, - { key: 'notion', title: 'settings.data.notion.title' }, - { key: 'yuque', title: 'settings.data.yuque.title' } + { key: 'data', title: 'settings.data.data.title', icon: }, + { key: 'webdav', title: 'settings.data.webdav.title', icon: }, + { + key: 'markdown_export', + title: 'settings.data.markdown_export.title', + icon: + }, + { key: 'notion', title: 'settings.data.notion.title', icon: }, + { key: 'yuque', title: 'settings.data.yuque.title', icon: } ] useEffect(() => { @@ -88,7 +100,14 @@ const DataSettings: FC = () => { {menuItems.map((item) => ( - setMenu(item.key)} /> + setMenu(item.key)} + titleStyle={{ fontWeight: 500 }} + icon={item.icon} + /> ))} @@ -183,7 +202,7 @@ const StyledIcon = styled(FileSearchOutlined)` const MenuList = styled.div` display: flex; flex-direction: column; - gap: 10px; + gap: 5px; width: var(--settings-width); padding: 12px; border-right: 0.5px solid var(--color-border);