aiden
/
next-beats
mirror of https://github.com/btahir/next-beats
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tweak vol

Browse Source
main
btahir89 12 months ago
parent 46acc45574
commit ce38039996
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File

4
components/PlaybackControls.tsx
Unescape Escape View File

@ -54,7 +54,7 @@ const PlaybackControls: React.FC<PlaybackControlsProps> = ({
{/* Right Side - Volume Control */} {/* Right Side - Volume Control */}
<div className="flex min-w-[90px] items-center space-x-1 sm:min-w-[110px] sm:space-x-2"> <div className="flex min-w-[90px] items-center space-x-1 sm:min-w-[110px] sm:space-x-2">
<button <button
onClick={() => setVolume(volume === 0 ? 1 : 0)} onClick={() => setVolume(volume === 0 ? 0.5 : 0)}
className="hidden sm:block rounded-[var(--lofi-button-radius)] px-1 py-1.5 text-[var(--lofi-text-primary)] shadow-[var(--lofi-card-shadow)] hover:bg-[var(--lofi-card-hover)] sm:p-2" className="hidden sm:block rounded-[var(--lofi-button-radius)] px-1 py-1.5 text-[var(--lofi-text-primary)] shadow-[var(--lofi-card-shadow)] hover:bg-[var(--lofi-card-hover)] sm:p-2"
> >
{volume === 0 ? ( {volume === 0 ? (
@ -69,7 +69,7 @@ const PlaybackControls: React.FC<PlaybackControlsProps> = ({
type="range" type="range"
min={0} min={0}
max={1} max={1}
step={0.1} step={0.01}
value={volume} value={volume}
onChange={(e) => setVolume(parseFloat(e.target.value))} onChange={(e) => setVolume(parseFloat(e.target.value))}
className="h-1 w-full cursor-pointer accent-[var(--lofi-accent)] rounded-lg bg-[var(--lofi-card-hover)]" className="h-1 w-full cursor-pointer accent-[var(--lofi-accent)] rounded-lg bg-[var(--lofi-card-hover)]"

Write Preview
Loading…
Cancel
Save