bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CODEX - Changed the Melody List Columns a bit

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-22 21:44:20 +02:00
parent bffcdc19f7
commit 4317f1799a
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/melodies/MelodyList.jsx
View File

@@ -423,18 +423,16 @@ export default function MelodyList() {
case "minSpeed": case "minSpeed":
if (!info.minSpeed) return "-"; if (!info.minSpeed) return "-";
return ( return (
<div> <span title={`${info.minSpeed} ms`}>
<div className="text-sm font-medium">{formatBpm(info.minSpeed)} BPM</div> {formatBpm(info.minSpeed)} bpm
<div className="text-xs" style={{ color: "var(--text-muted)" }}>{info.minSpeed} ms</div> </span>
</div>
); );
case "maxSpeed": case "maxSpeed":
if (!info.maxSpeed) return "-"; if (!info.maxSpeed) return "-";
return ( return (
<div> <span title={`${info.maxSpeed} ms`}>
<div className="text-sm font-medium">{formatBpm(info.maxSpeed)} BPM</div> {formatBpm(info.maxSpeed)} bpm
<div className="text-xs" style={{ color: "var(--text-muted)" }}>{info.maxSpeed} ms</div> </span>
</div>
); );
case "tags": case "tags":
return info.customTags?.length > 0 ? ( return info.customTags?.length > 0 ? (
@@ -458,9 +456,9 @@ export default function MelodyList() {
const speedMs = mapPercentageToStepDelay(ds.speed, info.minSpeed, info.maxSpeed); const speedMs = mapPercentageToStepDelay(ds.speed, info.minSpeed, info.maxSpeed);
const bpm = formatBpm(speedMs); const bpm = formatBpm(speedMs);
return ( return (
<div className="min-w-28"> <div className="min-w-36" title={speedMs ? `${speedMs} ms` : undefined}>
<div className="text-xs mb-1" style={{ color: "var(--text-secondary)" }}> <div className="text-xs mb-1 whitespace-nowrap" style={{ color: "var(--text-secondary)" }}>
{ds.speed}%{bpm ? ` · ${bpm} BPM` : ""}{speedMs ? ` · ${speedMs} ms` : ""} {ds.speed}%{bpm ? ` · ${bpm} bpm` : ""}
</div> </div>
<div <div
className="w-full h-2 rounded-full" className="w-full h-2 rounded-full"