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 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

42
src/components/ChannelGrid.svelte
View file

@ -5,38 +5,32 @@
</script> </script>
<div class="flex flex-col"> <div class="flex flex-col">
<div class="overflow-x-auto"> <div class="overflow-y-auto">
<div class="inline-block min-w-full align-middle"> <div class="inline-block min-w-full align-middle overflow-hidden">
<div class="overflow-hidden"> <div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
<table <div class="bg-gray-50 dark:bg-gray-700">
class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 table-fixed md:w-[62rem]" <div class="flex">
> <div class="w-36 sm:w-52 shrink-0"></div>
<thead class="bg-gray-50 dark:bg-gray-700"> <div
<tr> 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"
<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 Name
</th> </div>
<th <div
scope="col" 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"
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 TVG-ID
</th> </div>
<th scope="col" class="relative min-w-[11rem]"> <div>
<span class="sr-only">Actions</span> <span class="sr-only">Actions</span>
</th> </div>
</tr> </div>
</thead> </div>
<tbody class="bg-white dark:bg-gray-800"> <div class="bg-white dark:bg-gray-800">
{#each channels as channel (channel.id)} {#each channels as channel (channel.id)}
<ChannelItem bind:channel="{channel}" /> <ChannelItem bind:channel="{channel}" />
{/each} {/each}
</tbody> </div>
</table>
</div> </div>
</div> </div>
</div> </div>