appview-less bluesky client
1<script lang="ts">
2 import Icon from '@iconify/svelte';
3
4 interface Props {
5 visible: boolean;
6 onclick: () => void;
7 }
8
9 let { visible, onclick }: Props = $props();
10</script>
11
12{#if visible}
13 <div class="sticky top-2 z-20 mb-4 flex w-full justify-center">
14 <button
15 class="flex action-button items-center gap-2 bg-(--nucleus-bg) hover:scale-115! enabled:hover:bg-(--nucleus-bg)!"
16 {onclick}
17 >
18 <Icon icon="heroicons:arrow-up-16-solid" width="20" />
19 load new posts
20 </button>
21 </div>
22{/if}