feat: base implementation of panel preview

2026-02-06 12:55:48 +05:00
parent 070b49cbad
commit 571fd9bf25
10 changed files with 184 additions and 140 deletions
@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { SlideDirection } from "$lib/types/utils";
+  import { fly } from "svelte/transition";
+
+  interface Props {
+    text: string;
+    direction: SlideDirection;
+  }
+
+  let { text, direction }: Props = $props();
+
+  let xDirection = $derived(direction == "next" ? 320 : -320);
+</script>
+
+<div in:fly={{ x: xDirection, duration: 300 }} out:fly={{ x: -xDirection, duration: 300 }}>
+  {text}
+</div>