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-11 17:40:05 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update ChannelGrid.svelte

Browse source
This commit is contained in:
freearhey 2025-02-10 04:59:14 +03:00
parent 76f00f8947
commit 59a1b6ff75
1 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/ChannelGrid.svelte
View file

@ -12,7 +12,7 @@
} }
</script> </script>
<div class="flex flex-col"> <div class="flex flex-col bg-white dark:bg-gray-800">
<div class="overflow-y-auto scrollbar-hide"> <div class="overflow-y-auto scrollbar-hide">
<div class="inline-block min-w-full align-middle"> <div class="inline-block min-w-full align-middle">
<div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700"> <div class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
@ -34,18 +34,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-800"> <div>
{#each channelsDisplay as channel (channel.id)} {#each channelsDisplay as channel (channel.id)}
<ChannelItem bind:channel /> <ChannelItem bind:channel />
{/each} {/each}
{#if channelsDisplay.length < channels.length}
<button
class="flex items-center justify-center h-12 w-full text-blue-500 dark:text-blue-400 hover:bg-gray-50 hover:dark:bg-gray-700 focus-visible:outline-0"
on:click={showMore}>Show More</button
>
{/if}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{#if channelsDisplay.length < channels.length}
<button
class="flex border-t border-gray-200 dark:border-gray-700 items-center justify-center h-12 w-full text-blue-500 dark:text-blue-400 hover:bg-gray-50 hover:dark:bg-gray-700 focus-visible:outline-0"
on:click={showMore}>Show More</button
>
{/if}
</div> </div>