docs: visual updates to shortcutsettings page

electron-builder.yml

@@ -63,10 +63,11 @@ electronDownload:
 afterSign: scripts/notarize.js
 releaseInfo:
   releaseNotes: |
-    增加最小化到托盘功能 @injurka
+    话题搜索修改为弹窗模式
-    托盘图标使用彩色图标
+    设置界面样式调整
-    修复 Mermaid png 格式图表无法下载问题
+    增加APP数据目录显示
-    选择模型弹窗支持固定一些常用模型
+    增加代码折叠功能
-    默认助手合并到模型设置里
+    修复编辑消息后没有保存的问题
-    设置面板移除模型相关设置项
     修复一些视觉模型不能识别问题
+    修复一些特殊的数据会导致APP启动后崩溃问题
+    修复备份文件在某些情况下无法恢复问题

src/renderer/src/pages/agents/AgentsPage.tsx

@@ -138,7 +138,10 @@ const AgentsPage: FC = () => {
               ) : (
                 filteredAgentGroups[group]?.map((agent, index) => (
                   <Col span={6} key={group + index}>
-                    <AgentCard onClick={() => onAddAgentConfirm(getAgentFromSystemAgent(agent))} agent={agent as any} />
+                    <AgentCard
+                      onClick={() => onAddAgentConfirm(getAgentFromSystemAgent(agent as any))}
+                      agent={agent as any}
+                    />
                   </Col>
                 ))
               )}

src/renderer/src/pages/settings/ModelSettings.tsx

@@ -10,7 +10,7 @@ import { find, sortBy } from 'lodash'
 import { FC, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 
-import { SettingContainer, SettingDescription, SettingDivider, SettingGroup, SettingTitle } from '.'
+import { SettingContainer, SettingDescription, SettingGroup, SettingTitle } from '.'
 import AssistantSettingsPopup from './AssistantSettings'
 
 const ModelSettings: FC = () => {
@@ -50,13 +50,12 @@ const ModelSettings: FC = () => {
   return (
     <SettingContainer theme={theme}>
       <SettingGroup theme={theme}>
-        <SettingTitle>
+        <SettingTitle style={{ marginBottom: 12 }}>
           <div>
             <MessageOutlined style={iconStyle} />
             {t('settings.models.default_assistant_model')}
           </div>
         </SettingTitle>
-        <SettingDivider />
         <HStack alignItems="center">
           <Select
             value={defaultModelValue}
@@ -71,13 +70,12 @@ const ModelSettings: FC = () => {
         <SettingDescription>{t('settings.models.default_assistant_model_description')}</SettingDescription>
       </SettingGroup>
       <SettingGroup theme={theme}>
-        <SettingTitle>
+        <SettingTitle style={{ marginBottom: 12 }}>
           <div>
             <EditOutlined style={iconStyle} />
             {t('settings.models.topic_naming_model')}
           </div>
         </SettingTitle>
-        <SettingDivider />
         <Select
           value={defaultTopicNamingModel}
           defaultValue={defaultTopicNamingModel}
@@ -89,13 +87,12 @@ const ModelSettings: FC = () => {
         <SettingDescription>{t('settings.models.topic_naming_model_description')}</SettingDescription>
       </SettingGroup>
       <SettingGroup theme={theme}>
-        <SettingTitle>
+        <SettingTitle style={{ marginBottom: 12 }}>
           <div>
             <TranslationOutlined style={iconStyle} />
             {t('settings.models.translate_model')}
           </div>
         </SettingTitle>
-        <SettingDivider />
         <Select
           value={defaultTranslateModel}
           defaultValue={defaultTranslateModel}

src/renderer/src/pages/settings/ShortcutSettings.tsx

@@ -84,7 +84,7 @@ const ShortcutSettings: FC = () => {
 
   return (
     <SettingContainer theme={theme}>
-      <SettingGroup theme={theme}>
+      <SettingGroup theme={theme} style={{ paddingBottom: 0 }}>
         <SettingTitle>{t('settings.shortcuts.title')}</SettingTitle>
         <SettingDivider style={{ marginBottom: 0 }} />
         <Table
@@ -108,6 +108,10 @@ const Table = styled(AntTable)`
     padding: 14px 0 !important;
     background: transparent !important;
   }
+
+  .ant-table-tbody > tr:last-child > td {
+    border-bottom: none;
+  }
 `
 
 export default ShortcutSettings

src/renderer/src/pages/settings/index.tsx

@@ -44,6 +44,7 @@ export const SettingDescription = styled.div`
 
 export const SettingDivider = styled(Divider)`
   margin: 10px 0;
+  border-block-start: 0.5px solid var(--color-border);
 `
 
 export const SettingRow = styled.div`
@@ -83,5 +84,5 @@ export const SettingGroup = styled.div<{ theme?: ThemeMode }>`
   border-radius: 8px;
   border: 0.5px solid var(--color-border);
   padding: 16px;
-  background: ${(props) => (props.theme === 'dark' ? 'var(--color-background-soft)' : 'var(--color-background)')};
+  background: ${(props) => (props.theme === 'dark' ? '#00000010' : 'var(--color-background)')};
 `