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
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { ComputedSeries } from '$lib/chart';
 	import * as race from '$lib/race';
+	import RaceLenSlider from '$lib/RaceLenSlider.svelte';
 	import StatChart from '$lib/StatChart.svelte';
 	import CalcInfo from '../CalcInfo.svelte';

@@ -98,8 +99,7 @@
 		</select>
 	</div>
 	<div class="m-4 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">
 		<label for="isCareer" class="mr-1 align-middle">In Career</label>