Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-09 06:49:02 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(LocalBackupSettings): update input and select styles for better responsiveness (#7977)

Browse Source 
refactor(LocalBackupSettings): update input and select styles for better responsiveness

- Adjusted the input field to have a flexible width between 200 and 400 pixels.
- Modified select components to use a minimum width of 120 pixels for improved layout consistency.
- Enhanced onChange handlers for select components to ensure proper value handling.
This commit is contained in:
beyondkmp 2025-07-09 18:05:32 +08:00 committed by GitHub
parent 41d3a1fd55
commit e273ddcfb0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/src/pages/settings/DataSettings/LocalBackupSettings.tsx
View File

@ -187,8 +187,8 @@ const LocalBackupSettings: FC = () => {
<Input <Input
value={localBackupDir} value={localBackupDir}
readOnly readOnly
style={{ width: 250 }}
placeholder={t('settings.data.local.directory.placeholder')} placeholder={t('settings.data.local.directory.placeholder')}
style={{ minWidth: 200, maxWidth: 400, flex: 1 }}
/> />
<Button icon={<FolderOpenOutlined />} onClick={handleBrowseDirectory}> <Button icon={<FolderOpenOutlined />} onClick={handleBrowseDirectory}>
{t('common.browse')} {t('common.browse')}
@ -213,7 +213,11 @@ const LocalBackupSettings: FC = () => {
<SettingDivider /> <SettingDivider />
<SettingRow> <SettingRow>
<SettingRowTitle>{t('settings.data.local.autoSync')}</SettingRowTitle> <SettingRowTitle>{t('settings.data.local.autoSync')}</SettingRowTitle>
<Select value={syncInterval} onChange={onSyncIntervalChange} disabled={!localBackupDir} style={{ width: 120 }}> <Select
value={syncInterval}
onChange={(value) => onSyncIntervalChange(value as number)}
disabled={!localBackupDir}
style={{ minWidth: 120 }}>
<Select.Option value={0}>{t('settings.data.local.autoSync.off')}</Select.Option> <Select.Option value={0}>{t('settings.data.local.autoSync.off')}</Select.Option>
<Select.Option value={1}>{t('settings.data.local.minute_interval', { count: 1 })}</Select.Option> <Select.Option value={1}>{t('settings.data.local.minute_interval', { count: 1 })}</Select.Option>
<Select.Option value={5}>{t('settings.data.local.minute_interval', { count: 5 })}</Select.Option> <Select.Option value={5}>{t('settings.data.local.minute_interval', { count: 5 })}</Select.Option>
@ -229,7 +233,11 @@ const LocalBackupSettings: FC = () => {
<SettingDivider /> <SettingDivider />
<SettingRow> <SettingRow>
<SettingRowTitle>{t('settings.data.local.maxBackups')}</SettingRowTitle> <SettingRowTitle>{t('settings.data.local.maxBackups')}</SettingRowTitle>
<Select value={maxBackups} onChange={onMaxBackupsChange} disabled={!localBackupDir} style={{ width: 120 }}> <Select
value={maxBackups}
onChange={(value) => onMaxBackupsChange(value as number)}
disabled={!localBackupDir}
style={{ minWidth: 120 }}>
<Select.Option value={0}>{t('settings.data.local.maxBackups.unlimited')}</Select.Option> <Select.Option value={0}>{t('settings.data.local.maxBackups.unlimited')}</Select.Option>
<Select.Option value={1}>1</Select.Option> <Select.Option value={1}>1</Select.Option>
<Select.Option value={3}>3</Select.Option> <Select.Option value={3}>3</Select.Option>