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

Create BottomBar.svelte

Browse source
This commit is contained in:
Arhey 2023-03-07 03:06:19 +03:00
parent 6d818f2e04
commit d90c57db0e
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/BottomBar.svelte Normal file
View file

@ -0,0 +1,21 @@
<script>
import { slide } from 'svelte/transition'
import DownloadButton from '~/components/DownloadButton.svelte'
import SelectAllButton from '~/components/SelectAllButton.svelte'
import { selected } from '~/store'
</script>
<div
transition:slide="{{duration:200}}"
class="h-16 bg-white dark:bg-gray-800 fixed bottom-0 left-0 right-0 py-2.5 border-t border-t-gray-100 dark:border-t-gray-800"
>
<div class="flex justify-between items-center max-w-5xl mx-auto px-3">
<div class="text-sm text-gray-600 dark:text-gray-400 font-mono">
Selected {$selected.length.toLocaleString()} channel(s)
</div>
<div class="flex space-x-2">
<SelectAllButton />
<DownloadButton />
</div>
</div>
</div>