small UI fixes

This commit is contained in:
Bnyro 2022-08-13 10:35:54 +02:00
parent 04ff822495
commit 4e9e098e91

View File

@ -22,7 +22,7 @@
</label> </label>
<label class="pref" for="ddlCountrySelection"> <label class="pref" for="ddlCountrySelection">
<strong v-t="'actions.country_selection'" /> <strong v-t="'actions.country_selection'" />
<select id="ddlCountrySelection" v-model="countrySelected" class="select" @change="onChange($event)"> <select id="ddlCountrySelection" v-model="countrySelected" class="select w-50" @change="onChange($event)">
<option v-for="country in countryMap" :key="country.code" :value="country.code" v-text="country.name" /> <option v-for="country in countryMap" :key="country.code" :value="country.code" v-text="country.name" />
</select> </select>
</label> </label>
@ -61,7 +61,7 @@
<input <input
id="txtBufferingGoal" id="txtBufferingGoal"
v-model="bufferingGoal" v-model="bufferingGoal"
class="input w-auto" class="input w-24"
type="text" type="text"
@change="onChange($event)" @change="onChange($event)"
/> />
@ -294,7 +294,7 @@
<th v-t="'preferences.instance_locations'" /> <th v-t="'preferences.instance_locations'" />
<th v-t="'preferences.has_cdn'" /> <th v-t="'preferences.has_cdn'" />
<th v-t="'preferences.registered_users'" /> <th v-t="'preferences.registered_users'" />
<th v-t="'preferences.version'" /> <th class="<md:(hidden)" v-t="'preferences.version'" />
<th v-t="'preferences.up_to_date'" /> <th v-t="'preferences.up_to_date'" />
<th v-t="'preferences.ssl_score'" /> <th v-t="'preferences.ssl_score'" />
</tr> </tr>
@ -303,10 +303,10 @@
<tr> <tr>
<td v-text="instance.name" /> <td v-text="instance.name" />
<td v-text="instance.locations" /> <td v-text="instance.locations" />
<td v-t="`actions.${instance.cdn ? 'yes' : 'no'}`" /> <td v-t="`${instance.cdn ? '&#9989;' : '&#10060;'}`" />
<td v-text="instance.registered" /> <td v-text="instance.registered" />
<td v-text="instance.version" /> <td class="<md:(hidden)" v-text="instance.version" />
<td v-t="`actions.${instance.up_to_date ? 'yes' : 'no'}`" /> <td v-t="`${instance.up_to_date ? '&#9989;' : '&#10060;'}`" />
<td> <td>
<a :href="sslScore(instance.api_url)" target="_blank" v-t="'actions.view_ssl_score'" /> <a :href="sslScore(instance.api_url)" target="_blank" v-t="'actions.view_ssl_score'" />
</td> </td>
@ -598,6 +598,6 @@ export default {
<style> <style>
.pref { .pref {
@apply flex justify-between items-center mx-[15vw] my-2; @apply flex justify-between items-center my-2 mx-[15vw] <md:(mx-[2vw]);
} }
</style> </style>