CODEX - Changed the Melody List Columns a bit

This commit is contained in:
2026-02-22 21:44:20 +02:00
parent bffcdc19f7
commit 4317f1799a

View File

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