Stedos/nise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source
This commit is contained in:
nise.moe 2024-03-03 18:20:42 +01:00
parent c2689fe5cc
commit 905a9877d7
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
nise-replay-viewer/src/interface/composites/song-slider.tsx
View File

@ -3,7 +3,7 @@ import { Card } from "../components/ui/card";
import { Slider } from "../components/ui/slider";
import { state } from "@/utils";
import { Button } from "../components/ui/button";
import { PauseIcon, PlayIcon } from "lucide-react";
import {PauseIcon, PlayIcon, RefreshCcwIcon} from "lucide-react";
import { Checkbox } from "../components/ui/checkbox"
export function SongSlider() {
@ -51,15 +51,27 @@ export function SongSlider() {
<p className="text-sm opacity-50">Current speed</p>
<p>{speed}x</p>
</div>
<Slider
step={0.1}
min={0.1}
max={2}
value={[speed]}
onValueChange={(value: any) => {
OsuRenderer.setSpeed(value[0]);
}}
/>
<div className="flex items-center w-full">
<Slider
step={0.1}
min={0.1}
max={2}
value={[speed]}
onValueChange={(value: any) => {
OsuRenderer.setSpeed(value[0]);
}}
/>
<Button
onClick={() => {
OsuRenderer.setSpeed(1)
}}
variant="secondary"
size="sm"
className="ml-2"
>
{playing ? <RefreshCcwIcon/> : <RefreshCcwIcon/>}
</Button>
</div>
</div>
<div className="w-1/4 flex flex-col items-center gap-4">