🔄 Rearrange API Key Configuration section within the controls grid layout

This commit is contained in:
2026-01-28 18:52:08 +00:00
parent 679da54c77
commit cc78b80747

View File

@@ -12,30 +12,6 @@
<!-- API Version & Settings Controls --> <!-- API Version & Settings Controls -->
<div v-if="apiKey" class="section controls-section"> <div v-if="apiKey" class="section controls-section">
<div class="controls-grid"> <div class="controls-grid">
<!-- API Key Configuration -->
<div class="control-group collapsible-group">
<div
class="collapsible-header"
@click="apiKeyCollapsed = !apiKeyCollapsed"
>
<label class="control-label">API Key Configuration</label>
<span class="collapse-icon">{{
apiKeyCollapsed ? '▶' : '▼'
}}</span>
</div>
<div v-show="!apiKeyCollapsed" class="collapsible-content">
<div class="status success">
API Key Loaded: {{ maskedApiKey }}
</div>
<router-link to="/api-key-manager" class="btn-link">
Manage your API key
</router-link>
<p class="api-note">
💡 Your API v1 key works with both API versions
</p>
</div>
</div>
<!-- API Version Selector --> <!-- API Version Selector -->
<div class="control-group"> <div class="control-group">
<label class="control-label">API Version:</label> <label class="control-label">API Version:</label>
@@ -90,6 +66,30 @@
</div> </div>
</div> </div>
<!-- API Key Configuration -->
<div class="control-group collapsible-group">
<div
class="collapsible-header"
@click="apiKeyCollapsed = !apiKeyCollapsed"
>
<label class="control-label">API Key Configuration</label>
<span class="collapse-icon">{{
apiKeyCollapsed ? '▶' : '▼'
}}</span>
</div>
<div v-show="!apiKeyCollapsed" class="collapsible-content">
<div class="status success">
API Key Loaded: {{ maskedApiKey }}
</div>
<router-link to="/api-key-manager" class="btn-link">
Manage your API key
</router-link>
<p class="api-note">
💡 Your API v1 key works with both API versions
</p>
</div>
</div>
<!-- OAuth Authentication (v2.1 only) --> <!-- OAuth Authentication (v2.1 only) -->
<div <div
v-if="apiVersion === 'v2.1'" v-if="apiVersion === 'v2.1'"