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