summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/reader/components/SliderTooltip.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/lib/reader/components/SliderTooltip.svelte')
-rw-r--r--frontend/src/lib/reader/components/SliderTooltip.svelte17
1 files changed, 17 insertions, 0 deletions
diff --git a/frontend/src/lib/reader/components/SliderTooltip.svelte b/frontend/src/lib/reader/components/SliderTooltip.svelte
new file mode 100644
index 0000000..9e0322d
--- /dev/null
+++ b/frontend/src/lib/reader/components/SliderTooltip.svelte
@@ -0,0 +1,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>