mirror of
https://github.com/hex248/tsos.git
synced 2026-02-08 02:33:03 +00:00
wobble controls
This commit is contained in:
@@ -52,6 +52,24 @@ function Index() {
|
|||||||
className={state.preset === "circle" ? "opacity-50 pointer-events-none" : ""}
|
className={state.preset === "circle" ? "opacity-50 pointer-events-none" : ""}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="flex flex-col gap-2">
|
||||||
|
<span className="text-sm font-medium">Wobble</span>
|
||||||
|
<Slider
|
||||||
|
value={[state.wobble]}
|
||||||
|
min={0}
|
||||||
|
max={100}
|
||||||
|
onValueChange={([v]) => setState({ ...state, wobble: v })}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col gap-2">
|
||||||
|
<span className="text-sm font-medium">Wobble Speed</span>
|
||||||
|
<Slider
|
||||||
|
value={[state.wobbleSpeed]}
|
||||||
|
min={0}
|
||||||
|
max={100}
|
||||||
|
onValueChange={([v]) => setState({ ...state, wobbleSpeed: v })}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user