fix: refine AI providers and auth files styling and layout alignment

- Remove inset box-shadow from stat badges for cleaner appearance
  - Add modelCountLabel style for consistent model count display
  - Refactor model count layout in AiProvidersPage
  - Add openaiTestButton style for proper button height alignment
  - Add item-actions flexbox utility style to layout.scss
This commit is contained in:
Supra4E8C
2025-12-13 17:15:37 +08:00
parent 13d1804e66
commit ccc82e5802
4 changed files with 28 additions and 9 deletions

View File

@@ -976,11 +976,9 @@ export function AiProvidersPage() {
{/* 模型列表 */}
{item.models?.length ? (
<div className={styles.modelTagList}>
<div className={styles.fieldRow}>
<span className={styles.fieldLabel}>
{t('ai_providers.claude_models_count')}: {item.models.length}
</span>
</div>
<span className={styles.modelCountLabel}>
{t('ai_providers.claude_models_count')}: {item.models.length}
</span>
{item.models.map((model) => (
<span key={model.name} className={styles.modelTag}>
<span className={styles.modelName}>{model.name}</span>
@@ -1352,9 +1350,8 @@ export function AiProvidersPage() {
})}
</select>
<Button
size="sm"
variant={openaiTestStatus === 'error' ? 'danger' : 'secondary'}
className={openaiTestStatus === 'success' ? styles.openaiTestButtonSuccess : ''}
className={`${styles.openaiTestButton} ${openaiTestStatus === 'success' ? styles.openaiTestButtonSuccess : ''}`}
onClick={testOpenaiProviderConnection}
loading={openaiTestStatus === 'loading'}
disabled={saving || openaiAvailableModels.length === 0}