feat(AiProviders): improve layout and styling for OpenAI edit and models pages

This commit is contained in:
Supra4E8C
2026-02-14 20:35:16 +08:00
parent b702cd6e4c
commit d140fe1061
3 changed files with 156 additions and 81 deletions

View File

@@ -511,9 +511,9 @@ export function AiProvidersOpenAIEditPage() {
>
<Card>
{invalidIndexParam || invalidIndex ? (
<div className="hint">{t('common.invalid_provider_index')}</div>
<div className={styles.sectionHint}>{t('common.invalid_provider_index')}</div>
) : (
<>
<div className={styles.openaiEditForm}>
<Input
label={t('ai_providers.openai_add_modal_name_label')}
value={form.name}
@@ -579,7 +579,7 @@ export function AiProvidersOpenAIEditPage() {
</div>
{/* 提示文本 */}
<div className="hint">{t('ai_providers.openai_models_hint')}</div>
<div className={styles.sectionHint}>{t('ai_providers.openai_models_hint')}</div>
{/* 模型列表 */}
<ModelInputList
@@ -649,14 +649,14 @@ export function AiProvidersOpenAIEditPage() {
)}
</div>
<div className={`form-group ${styles.keyEntriesSection}`}>
<div className={styles.keyEntriesSection}>
<div className={styles.keyEntriesHeader}>
<label>{t('ai_providers.openai_add_modal_keys_label')}</label>
<label className={styles.keyEntriesTitle}>{t('ai_providers.openai_add_modal_keys_label')}</label>
<span className={styles.keyEntriesHint}>{t('ai_providers.openai_keys_hint')}</span>
</div>
{renderKeyEntries(form.apiKeyEntries)}
</div>
</>
</div>
)}
</Card>
</SecondaryScreenShell>