style: update modal close margin and adjust settings layout

- Added margin to the modal close button for improved spacing.
- Removed unnecessary divider in OCR settings for a cleaner layout.
- Set a minimum width for the search max result title to enhance alignment and readability.
This commit is contained in:
kangfenmao 2025-07-03 23:47:53 +08:00
parent 7fae55863e
commit e3775b13a6
3 changed files with 4 additions and 2 deletions

View File

@ -110,6 +110,9 @@
border-radius: 10px; border-radius: 10px;
border: 0.5px solid var(--color-border); border: 0.5px solid var(--color-border);
padding: 0 0 8px 0; padding: 0 0 8px 0;
.ant-modal-close {
margin-right: 2px;
}
.ant-modal-header { .ant-modal-header {
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
border-radius: 10px; border-radius: 10px;

View File

@ -122,7 +122,6 @@ const OcrProviderSettings: FC<Props> = ({ provider: _provider }) => {
{hasObjectKey(ocrProvider, 'options') && ocrProvider.id === 'system' && ( {hasObjectKey(ocrProvider, 'options') && ocrProvider.id === 'system' && (
<> <>
<SettingDivider style={{ marginTop: 15, marginBottom: 12 }} />
<SettingRow> <SettingRow>
<SettingRowTitle>{t('settings.tool.ocr.mac_system_ocr_options.mode.title')}</SettingRowTitle> <SettingRowTitle>{t('settings.tool.ocr.mac_system_ocr_options.mode.title')}</SettingRowTitle>
<Segmented <Segmented

View File

@ -25,7 +25,7 @@ const BasicSettings: FC = () => {
</SettingRow> </SettingRow>
<SettingDivider style={{ marginTop: 15, marginBottom: 10 }} /> <SettingDivider style={{ marginTop: 15, marginBottom: 10 }} />
<SettingRow style={{ height: 40 }}> <SettingRow style={{ height: 40 }}>
<SettingRowTitle>{t('settings.tool.websearch.search_max_result')}</SettingRowTitle> <SettingRowTitle style={{ minWidth: 120 }}>{t('settings.tool.websearch.search_max_result')}</SettingRowTitle>
<Slider <Slider
defaultValue={maxResults} defaultValue={maxResults}
style={{ width: '100%' }} style={{ width: '100%' }}