iptv-org-mirror/iptv-org.github.io
1
0
Fork 0
mirror of https://github.com/iptv-org/iptv-org.github.io.git synced 2025-05-13 02:20:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update SearchField.svelte

Browse source
This commit is contained in:
freearhey 2023-10-10 15:49:27 +03:00
parent 009548f451
commit 2fde44474a
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/SearchField.svelte
View file

@ -22,7 +22,7 @@
} }
</script> </script>
<form class="mb-5" on:submit|preventDefault="{onSubmit}"> <form class="mb-5" on:submit|preventDefault={onSubmit}>
<div> <div>
<label for="search-input" class="sr-only">Search</label> <label for="search-input" class="sr-only">Search</label>
<div class="relative mt-1"> <div class="relative mt-1">
@ -43,21 +43,21 @@
<input <input
type="search" type="search"
id="search-input" id="search-input"
bind:value="{$query}" bind:value={$query}
class="bg-white border border-gray-300 text-gray-900 outline-blue-500 text-sm rounded-md block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white" class="bg-white border border-gray-300 text-gray-900 outline-blue-500 text-sm rounded-md block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white"
placeholder="Search for channels" placeholder="Search for channels"
/> />
</div> </div>
<div class="mt-2 flex justify-between px-1"> <div class="mt-2 flex justify-between px-1">
<span class="inline-flex text-sm text-gray-500 dark:text-gray-400 font-mono" <span class="inline-flex text-sm text-gray-500 dark:text-gray-400 font-mono pt-1"
>Found&nbsp; >Found&nbsp;
<span class:animate-spin="{isLoading}">{ !isLoading ? found.toLocaleString() : '/' }</span> <span class:animate-spin={isLoading}>{!isLoading ? found.toLocaleString() : '/'}</span>
&nbsp;channel(s)</span &nbsp;channel(s)</span
> >
<button <button
type="button" type="button"
on:click|preventDefault="{showSearchSyntax}" on:click|preventDefault={showSearchSyntax}
class="inline-flex text-sm text-gray-500 dark:text-gray-400 font-mono hover:underline hover:text-blue-500 dark:hover:text-blue-400" class="inline-flex text-sm text-gray-500 dark:text-gray-400 font-mono hover:underline hover:text-blue-500 dark:hover:text-blue-400 pt-1"
> >
Search syntax Search syntax
</button> </button>