summaryrefslogblamecommitdiffstatshomepage
path: root/frontend/src/lib/reader/components/SliderTooltip.svelte
blob: 9e0322d16b22fe915c991a42b19f1f11f40946aa (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
















                                                                                                                                             
<script lang="ts">
	import type { Snippet } from 'svelte';

	let { children }: { children: Snippet } = $props();
</script>

<div
	class="invisible absolute bottom-10 w-20 rounded-xl bg-blue-500 p-1 font-semibold text-white drop-shadow-md group-hover/page:visible"
>
	{@render children()}
</div>

<style lang="postcss">
	div {
		left: calc(50% - 2.5rem);
	}
</style>