Update index.html

This commit is contained in:
Aleksandr Statciuk 2022-02-03 23:56:46 +03:00
parent d314b31071
commit e99a2655cb

View file

@ -30,30 +30,35 @@
<div class="columns is-centered">
<div class="column is-9">
<form class="mb-5" @submit.prevent="search()">
<div class="field has-addons">
<div class="control is-expanded">
<input
class="input"
type="search"
v-model="query"
placeholder="Search by channel name..."
/>
</div>
<div class="control">
<button class="button is-info" type="submit">
<span class="icon is-small is-right">
<svg
xmlns="http://www.w3.org/2000/svg"
style="width: 1.25rem; height: 1.25rem"
viewBox="0 0 512 512"
>
<path
fill="#ffffff"
d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"
/>
</svg>
</span>
</button>
<div class="field-body">
<div class="field is-expanded">
<div class="field has-addons">
<div class="control is-expanded">
<input
class="input"
type="search"
v-model="query"
placeholder="Search by channel name..."
/>
</div>
<div class="control">
<button class="button is-info" type="submit">
<span class="icon is-small is-right">
<svg
xmlns="http://www.w3.org/2000/svg"
style="width: 1.25rem; height: 1.25rem"
viewBox="0 0 512 512"
>
<path
fill="#ffffff"
d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"
/>
</svg>
</span>
</button>
</div>
</div>
<p v-if="!isLoading" class="help">Found {{ filtered.length.toLocaleString() }} channels</p>
</div>
</div>
</form>
@ -62,7 +67,7 @@
<div class="level-item">Loading...</div>
</div>
<country-item v-for="item in items" :item="item" :norm-query="normQuery" :reg-query="regQuery"></country-item>
<country-item v-for="country in countries" :country="country" :channels="grouped[country.code]" :norm-query="normQuery" :reg-query="regQuery"></country-item>
</div>
</div>
</div>