🎨 Improve code formatting and consistency in ApiVersionSelector component
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user