schoolbox web extension :)
42willow.github.io
1<script lang="ts">
2 import Toggle from "@/entrypoints/popup/components/inputs/Toggle.svelte";
3 import Slider from "@/entrypoints/popup/components/inputs/Slider.svelte";
4 import type { Settings } from ".";
5
6 let { settings }: { settings: Settings } = $props();
7</script>
8
9<Toggle
10 text="Reset on mouse move"
11 description="Whether to reset the scrolling cooldown when you move your mouse."
12 size="small"
13 id="resetCooldownOnMouseMove"
14 checked={settings.resetCooldownOnMouseMove.state.toggle}
15 update={async (toggle) => {
16 settings.resetCooldownOnMouseMove.set({ toggle });
17 }} />
18
19<Slider
20 name="Cooldown duration"
21 id="cooldownDuration"
22 update={(value) => settings.cooldownDuration.update({ value })}
23 {...settings.cooldownDuration.state} />