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
@@ -18,6 +18,7 @@
 	import StatChart from '$lib/StatChart.svelte';
 	import { resolve } from '$app/paths';
 	import SpeedDur from './SpeedDur.svelte';
+	import RaceLenSlider from '$lib/RaceLenSlider.svelte';

 	let rawPower = $state(1200);
 	let rawGuts = $state(1200);
@@ -112,8 +113,7 @@
 		</select>
 	</div>
 	<div class="m-4 md:col-span-2 md:col-start-2">
-		<label for="raceLen">Race Distance</label>
-		<input type="number" id="raceLen" required min="1000" max="3600" step="100" bind:value={raceLen} class="w-full" />
+		<RaceLenSlider bind:value={raceLen} />
 	</div>
 	<div class="m-4 self-center md:col-span-2">
 		<label for="isRunaway" class="mr-1 align-middle">Runaway</label>