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

Update ChannelGrid.svelte

Browse source
This commit is contained in:
Arhey 2023-03-07 03:06:43 +03:00
parent 5d68def570
commit 3418cd503a
1 changed files with 31 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/components/ChannelGrid.svelte
View file

@ -1,43 +1,37 @@
<script>
import ChannelItem from './ChannelItem.svelte'
import ChannelItem from './ChannelItem.svelte'
export let channels = []
export let channels = []
</script>
<div class="flex flex-col">
<div class="overflow-x-auto">
<div class="inline-block min-w-full align-middle">
<div class="overflow-hidden">
<table
class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 table-fixed md:w-[62rem]"
>
<thead class="bg-gray-50 dark:bg-gray-700">
<tr>
<th scope="col" class="min-w-[10rem] md:w-[13rem] relative"></th>
<th
scope="col"
class="py-3 px-3 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 min-w-[14rem] md:w-[19rem]"
>
Name
</th>
<th
scope="col"
class="py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 min-w-[12rem] md:w-[16rem]"
>
TVG-ID
</th>
<th scope="col" class="relative min-w-[11rem]">
<span class="sr-only">Actions</span>
</th>
</tr>
</thead>
<tbody class="bg-white dark:bg-gray-800">
{#each channels as channel (channel.id)}
<ChannelItem bind:channel="{channel}" />
{/each}
</tbody>
</table>
</div>
</div>
</div>
<div class="overflow-y-auto">
<div class="inline-block min-w-full align-middle overflow-hidden">
<div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
<div class="bg-gray-50 dark:bg-gray-700">
<div class="flex">
<div class="w-36 sm:w-52 shrink-0"></div>
<div
class="py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 w-52 sm:w-72 shrink-0"
>
Name
</div>
<div
class="py-3 px-2 text-xs font-semibold tracking-wider text-left text-gray-400 uppercase dark:text-gray-400 w-48 sm:w-80"
>
TVG-ID
</div>
<div>
<span class="sr-only">Actions</span>
</div>
</div>
</div>
<div class="bg-white dark:bg-gray-800">
{#each channels as channel (channel.id)}
<ChannelItem bind:channel="{channel}" />
{/each}
</div>
</div>
</div>
</div>
</div>