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-12 18:10:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update SearchField.svelte

Browse source
This commit is contained in:
Arhey 2023-03-07 03:07:02 +03:00
parent d9d17ffc18
commit e81e6ece5a
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/SearchField.svelte
View file

@ -1,6 +1,6 @@
<script> <script>
import { getContext } from 'svelte' import { getContext } from 'svelte'
import { query, search, setSearchParam } from '../store.js' import { query, search, setSearchParam } from '~/store'
import SearchSyntaxPopup from './SearchSyntaxPopup.svelte' import SearchSyntaxPopup from './SearchSyntaxPopup.svelte'
const { open } = getContext('simple-modal') const { open } = getContext('simple-modal')
@ -48,18 +48,18 @@
placeholder="Search for channels" placeholder="Search for channels"
/> />
</div> </div>
<div class="mt-2 flex justify-between"> <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"
>Found&nbsp; >Found&nbsp;
<span class:animate-spin="{isLoading}">{ !isLoading ? found.toLocaleString() : '/' }</span> <span class:animate-spin="{isLoading}">{ !isLoading ? found.toLocaleString() : '/' }</span>
&nbsp;channels</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"
> >
Advanced search syntax Search syntax
</button> </button>
</div> </div>
</div> </div>