Aleksander Grygier
f1357e4998
* chore: Spacing between sibling elements in html markup * chore: Formatting and linting rules
20 lines
615 B
Svelte
20 lines
615 B
Svelte
<script lang="ts">
|
|
import { ArrowDown } from '@lucide/svelte';
|
|
import ActionIcon from '$lib/components/app/actions/ActionIcon.svelte';
|
|
import { ICON_CLASS_DEFAULT } from '$lib/constants';
|
|
|
|
let { onclick }: { onclick: (e?: MouseEvent) => void } = $props();
|
|
</script>
|
|
|
|
<div class="pointer-events-auto flex justify-center relative h-0">
|
|
<ActionIcon
|
|
ariaLabel="Scroll to bottom"
|
|
class="h-9 w-9 rounded-full bg-muted/60 border border-border/20 shadow-sm text-accent-foreground absolute bottom-4"
|
|
icon={ArrowDown}
|
|
iconSize={ICON_CLASS_DEFAULT}
|
|
{onclick}
|
|
size="lg"
|
|
tooltip="Scroll to bottom"
|
|
/>
|
|
</div>
|