From b44d02f929252001688bc6bafe24324f7c776c28 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Tue, 6 Jan 2026 23:48:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=B4=A0=E6=9D=90API?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=A1=B5=E9=9D=A2UI=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Settings.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
index 150a584..08eb798 100644
--- a/frontend/src/views/Settings.vue
+++ b/frontend/src/views/Settings.vue
@@ -1203,7 +1203,7 @@
                 style="margin-bottom: 24px;"
               />
 
-              <a-form :model="externalAssetApiConfig" layout="vertical" class="external-api-form">
+              <a-form :model="externalAssetApiConfig" layout="vertical" class="external-api-form" style="max-width: 600px;">
                 <a-form-item label="启用第三方素材API">
                   <a-switch
                     v-model:checked="externalAssetApiConfig.enabled"
@@ -1233,6 +1233,7 @@
                     placeholder="请输入API密钥"
                     size="large"
                     :disabled="!externalAssetApiConfig.enabled"
+                    style="width: 100%;"
                   />
                   <div style="margin-top: 8px; font-size: 12px; color: #888;">
                     用于调用第三方素材API的密钥（X-API-Key）
@@ -1245,8 +1246,14 @@
                       <template #icon><Icon name="check" size="sm" /></template>
                       保存配置
                     </a-button>
-                    <a-button size="large" @click="handleTestExternalAssetApi" :loading="testingExternalAssetApi" :disabled="!externalAssetApiConfig.apiUrl || !externalAssetApiConfig.apiKey">
-                      <template #icon><Icon name="refresh" size="sm" /></template>
+                    <a-button 
+                      size="large" 
+                      @click="handleTestExternalAssetApi" 
+                      :loading="testingExternalAssetApi" 
+                      :disabled="!externalAssetApiConfig.apiUrl || !externalAssetApiConfig.apiKey"
+                      style="background: transparent; border-color: #31f08b; color: #31f08b;"
+                    >
+                      <template #icon><Icon name="refresh" size="sm" color="#31f08b" /></template>
                       测试连接
                     </a-button>
                   </a-space>