mirror of
https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git
synced 2026-02-19 11:10:49 +08:00
feat(AiProviders): refactor layout for upstream API key display
This commit is contained in:
@@ -254,17 +254,8 @@ export function AiProvidersAmpcodeEditPage() {
|
|||||||
disabled={loading || saving || disableControls}
|
disabled={loading || saving || disableControls}
|
||||||
hint={t('ai_providers.ampcode_upstream_api_key_hint')}
|
hint={t('ai_providers.ampcode_upstream_api_key_hint')}
|
||||||
/>
|
/>
|
||||||
<div
|
<div className={layoutStyles.upstreamApiKeyRow}>
|
||||||
style={{
|
<div className={layoutStyles.upstreamApiKeyHint}>
|
||||||
display: 'flex',
|
|
||||||
gap: 8,
|
|
||||||
alignItems: 'center',
|
|
||||||
marginTop: -8,
|
|
||||||
marginBottom: 12,
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div className="hint" style={{ margin: 0 }}>
|
|
||||||
{t('ai_providers.ampcode_upstream_api_key_current', {
|
{t('ai_providers.ampcode_upstream_api_key_current', {
|
||||||
key: config?.ampcode?.upstreamApiKey
|
key: config?.ampcode?.upstreamApiKey
|
||||||
? maskApiKey(config.ampcode.upstreamApiKey)
|
? maskApiKey(config.ampcode.upstreamApiKey)
|
||||||
|
|||||||
@@ -3,3 +3,17 @@
|
|||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.upstreamApiKeyRow {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upstreamApiKeyHint {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user