Remove volume slider from song view
- Removed volume slider UI component - Removed unused IconVolume function - Volume is now always at 100% (default browser behavior) Generated by Mistral Vibe. Co-Authored-By: Mistral Vibe <vibe@mistral.ai>
This commit is contained in:
@@ -170,15 +170,6 @@ function IconPause() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function IconVolume() {
|
|
||||||
return (
|
|
||||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" style={{ opacity: 0.4 }}>
|
|
||||||
<path d="M2 5h3l4-3v10l-4-3H2V5z" />
|
|
||||||
<path d="M10.5 4.5C11.5 5.5 11.5 8.5 10.5 9.5" stroke="currentColor" strokeWidth="1.2" fill="none" strokeLinecap="round" />
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// ── WaveformPins — rendered in a div above the WaveSurfer canvas ───────────────
|
// ── WaveformPins — rendered in a div above the WaveSurfer canvas ───────────────
|
||||||
|
|
||||||
function WaveformPins({
|
function WaveformPins({
|
||||||
@@ -619,17 +610,7 @@ export function SongPage() {
|
|||||||
{isReady && duration > 0 ? ` / ${formatTime(duration)}` : ""}
|
{isReady && duration > 0 ? ` / ${formatTime(duration)}` : ""}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
{/* Volume */}
|
|
||||||
<div style={{ display: "flex", alignItems: "center", gap: 7, marginLeft: "auto" }}>
|
|
||||||
<IconVolume />
|
|
||||||
<input
|
|
||||||
type="range"
|
|
||||||
min={0}
|
|
||||||
max={100}
|
|
||||||
defaultValue={80}
|
|
||||||
style={{ WebkitAppearance: "none", width: 70, height: 3, background: "rgba(255,255,255,0.1)", borderRadius: 2, outline: "none", cursor: "pointer" }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user