whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(SettingsTab.tsx): reposition reset button to align with model settings title for better visibility

Browse Source
This commit is contained in:
kangfenmao 2024-07-26 10:10:34 +08:00
parent 7de91d236d
commit f961accd86
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/src/pages/home/components/SettingsTab.tsx
View File

@ -78,7 +78,12 @@ const SettingsTab: FC<Props> = (props) => {
return ( return (
<Container> <Container>
<SettingSubtitle>{t('settings.messages.model.title')}</SettingSubtitle> <SettingSubtitle style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between' }}>
{t('settings.messages.model.title')}{' '}
<Button size="small" onClick={onReset}>
{t('assistant.settings.reset')}
</Button>
</SettingSubtitle>
<SettingDivider /> <SettingDivider />
<Row align="middle"> <Row align="middle">
<Label>{t('assistant.settings.conext_count')}</Label> <Label>{t('assistant.settings.conext_count')}</Label>
@ -136,19 +141,21 @@ const SettingsTab: FC<Props> = (props) => {
/> />
</Col> </Col>
</Row> </Row>
<Button onClick={onReset} style={{ width: '100%' }}>
{t('assistant.settings.reset')}
</Button>
<SettingSubtitle>{t('settings.messages.title')}</SettingSubtitle> <SettingSubtitle>{t('settings.messages.title')}</SettingSubtitle>
<SettingDivider /> <SettingDivider />
<SettingRow> <SettingRow>
<SettingRowTitleSmall>{t('settings.messages.divider')}</SettingRowTitleSmall> <SettingRowTitleSmall>{t('settings.messages.divider')}</SettingRowTitleSmall>
<Switch checked={showMessageDivider} onChange={(checked) => dispatch(setShowMessageDivider(checked))} /> <Switch
size="small"
checked={showMessageDivider}
onChange={(checked) => dispatch(setShowMessageDivider(checked))}
/>
</SettingRow> </SettingRow>
<SettingDivider /> <SettingDivider />
<SettingRow> <SettingRow>
<SettingRowTitleSmall>{t('settings.messages.use_serif_font')}</SettingRowTitleSmall> <SettingRowTitleSmall>{t('settings.messages.use_serif_font')}</SettingRowTitleSmall>
<Switch <Switch
size="small"
checked={messageFont === 'serif'} checked={messageFont === 'serif'}
onChange={(checked) => dispatch(setMessageFont(checked ? 'serif' : 'system'))} onChange={(checked) => dispatch(setMessageFont(checked ? 'serif' : 'system'))}
/> />
@ -159,6 +166,7 @@ const SettingsTab: FC<Props> = (props) => {
<SettingRow> <SettingRow>
<SettingRowTitleSmall>{t('settings.messages.input.show_estimated_tokens')}</SettingRowTitleSmall> <SettingRowTitleSmall>{t('settings.messages.input.show_estimated_tokens')}</SettingRowTitleSmall>
<Switch <Switch
size="small"
checked={showInputEstimatedTokens} checked={showInputEstimatedTokens}
onChange={(checked) => dispatch(setShowInputEstimatedTokens(checked))} onChange={(checked) => dispatch(setShowInputEstimatedTokens(checked))}
/> />