diff --git a/src/components/AddProviderModal.css b/src/components/AddProviderModal.css index 7804f31..521cfbc 100644 --- a/src/components/AddProviderModal.css +++ b/src/components/AddProviderModal.css @@ -140,6 +140,18 @@ font-weight: 500; } +/* API Key 输入框容器 - 预留空间避免抖动 */ +.form-group.api-key-group { + min-height: 88px; /* 固定高度:label + input + 间距 */ + transition: opacity 0.2s ease; +} + +.form-group.api-key-group.hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; +} + .form-group input, .form-group textarea { width: 100%; diff --git a/src/components/ProviderForm.tsx b/src/components/ProviderForm.tsx index d3f9af4..8176f65 100644 --- a/src/components/ProviderForm.tsx +++ b/src/components/ProviderForm.tsx @@ -255,19 +255,17 @@ const ProviderForm: React.FC = ({ /> - {showApiKey && ( -
- - handleApiKeyChange(e.target.value)} - placeholder="只需要填这里,下方配置会自动填充" - autoComplete="off" - /> -
- )} +
+ + handleApiKeyChange(e.target.value)} + placeholder="只需要填这里,下方配置会自动填充" + autoComplete="off" + /> +