zenno: wrapper component for race length inputs

2026-09-22 10:59:29 -04:00
parent fde5b4fd20
commit 86583e68d1
8 changed files with 43 additions and 66 deletions
@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		value: number;
+	}
+
+	let { value = $bindable() }: Props = $props();
+</script>
+
+<div class="flex">
+	<input
+		class="my-auto w-full grow justify-self-center-safe"
+		type="range"
+		id="raceLen"
+		min="1000"
+		max="3600"
+		step="100"
+		bind:value
+	/>
+	<span class="my-auto flex-none pl-4 text-sm">{value}m</span>
+</div>