🔄 Rearrange API Key Configuration section within the controls grid layout
This commit is contained in:
@@ -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'"
|
||||||
|
|||||||
Reference in New Issue
Block a user