🎨 Improve code formatting and consistency in ApiVersionSelector component

This commit is contained in:
2026-01-29 05:12:58 +00:00
parent ec1e1f794b
commit 8d9b5125cc

View File

@@ -5,24 +5,24 @@
<label class="control-label">API Version:</label>
<div class="radio-group">
<label class="radio-option">
<input
type="radio"
:checked="modelValue === 'v1'"
<input
type="radio"
:checked="modelValue === 'v1'"
@change="$emit('update:modelValue', 'v1')"
/>
<span>v1 (Legacy)</span>
</label>
<label class="radio-option">
<input
type="radio"
:checked="modelValue === 'v2.1'"
<input
type="radio"
:checked="modelValue === 'v2.1'"
@change="$emit('update:modelValue', 'v2.1')"
/>
<span>v2.1 (Current)</span>
</label>
</div>
<span
class="version-badge"
<span
class="version-badge"
:class="'badge-' + modelValue.replace('.', '-')"
>
Using API {{ modelValue }}
@@ -47,8 +47,8 @@
<!-- Tournament Scope (v2.1 only) -->
<div v-if="modelValue === 'v2.1' && showScope" class="control-group">
<label class="control-label">Tournament scope:</label>
<select
:value="scope"
<select
:value="scope"
@change="$emit('update:scope', $event.target.value)"
class="select-input"
>
@@ -61,7 +61,8 @@
USER scope - tournaments you created or administer
</div>
<div class="info-badge warning" v-else>
APPLICATION scope requires a client-credentials token with application:manage
APPLICATION scope requires a client-credentials token with
application:manage
</div>
</div>
</div>
@@ -134,7 +135,7 @@ defineEmits(['update:modelValue', 'update:perPage', 'update:scope']);
background: rgba(102, 126, 234, 0.1);
}
.radio-option input[type="radio"] {
.radio-option input[type='radio'] {
cursor: pointer;
width: 18px;
height: 18px;