summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/reader/components/SliderMargin.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/lib/reader/components/SliderMargin.svelte')
-rw-r--r--frontend/src/lib/reader/components/SliderMargin.svelte11
1 files changed, 11 insertions, 0 deletions
diff --git a/frontend/src/lib/reader/components/SliderMargin.svelte b/frontend/src/lib/reader/components/SliderMargin.svelte
new file mode 100644
index 0000000..c2f9a55
--- /dev/null
+++ b/frontend/src/lib/reader/components/SliderMargin.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+ import type { Snippet } from 'svelte';
+
+ let { children }: { children: Snippet } = $props();
+</script>
+
+<div
+ class="flex h-full w-22 items-center justify-center px-1 font-semibold text-white/0 transition-colors group-hover/slider:bg-black group-hover/slider:text-white"
+>
+ {@render children()}
+</div>