diff --git a/src/renderer/src/i18n/index.ts b/src/renderer/src/i18n/index.ts index 154ab71ea7..0d0a7641c7 100644 --- a/src/renderer/src/i18n/index.ts +++ b/src/renderer/src/i18n/index.ts @@ -170,14 +170,14 @@ const resources = { 'provider.edit.name': 'Provider Name', 'provider.edit.name.placeholder': 'Example: OpenAI', 'about.title': 'About', - 'about.releases.title': '📔 Release Notes', + 'about.releases.title': 'Release Notes', 'about.releases.button': 'Releases', - 'about.website.title': '🌐 Official Website', + 'about.website.title': 'Official Website', 'about.website.button': 'Website', - 'about.feedback.title': '📝 Feedback', + 'about.feedback.title': 'Feedback', 'about.feedback.button': 'Feedback', - 'about.contact.title': '📧 Contact', - 'about.license.title': '📄 License', + 'about.contact.title': 'Contact', + 'about.license.title': 'License', 'about.license.button': 'License', 'about.contact.button': 'Email', 'proxy.title': 'Proxy Address', @@ -387,14 +387,14 @@ const resources = { 'provider.edit.name': '模型提供商名称', 'provider.edit.name.placeholder': '例如 OpenAI', 'about.title': '关于我们', - 'about.releases.title': '📔 更新日志', + 'about.releases.title': '更新日志', 'about.releases.button': '查看', - 'about.website.title': '🌐 官方网站', + 'about.website.title': '官方网站', 'about.website.button': '查看', - 'about.feedback.title': '📝 意见反馈', + 'about.feedback.title': '意见反馈', 'about.feedback.button': '反馈', - 'about.contact.title': '📧 邮件联系', - 'about.license.title': '📄 许可证', + 'about.contact.title': '邮件联系', + 'about.license.title': '许可证', 'about.license.button': '查看', 'about.contact.button': '邮件', 'proxy.title': '代理地址', diff --git a/src/renderer/src/pages/settings/AboutSettings.tsx b/src/renderer/src/pages/settings/AboutSettings.tsx index 1d89d342c5..7dcdabb274 100644 --- a/src/renderer/src/pages/settings/AboutSettings.tsx +++ b/src/renderer/src/pages/settings/AboutSettings.tsx @@ -1,4 +1,5 @@ import { GithubOutlined } from '@ant-design/icons' +import { FileProtectOutlined, GlobalOutlined, MailOutlined, SoundOutlined } from '@ant-design/icons' import Logo from '@renderer/assets/images/logo.png' import { HStack } from '@renderer/components/Layout' import { runAsyncFunction } from '@renderer/utils' @@ -10,7 +11,7 @@ import { useTranslation } from 'react-i18next' import { Link } from 'react-router-dom' import styled from 'styled-components' -import { SettingContainer, SettingDivider, SettingRow, SettingRowTitle, SettingTitle } from '.' +import { SettingContainer, SettingDivider, SettingRow, SettingTitle } from '.' const AboutSettings: FC = () => { const [version, setVersion] = useState('') @@ -134,31 +135,45 @@ const AboutSettings: FC = () => { - {t('settings.about.releases.title')} + + + {t('settings.about.releases.title')} + - {t('settings.about.website.title')} + + + {t('settings.about.website.title')} + - {t('settings.about.feedback.title')} - - {t('settings.about.license.title')} + + + {t('settings.about.license.title')} + - {t('settings.about.contact.title')} + + {t('settings.about.contact.title')} + @@ -210,4 +225,18 @@ const ProgressCircle = styled(Progress)` left: -2px; ` +export const SettingRowTitle = styled.div` + font-size: 14px; + line-height: 18px; + color: var(--color-text-1); + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + .anticon { + font-size: 16px; + color: var(--color-text-1); + } +` + export default AboutSettings