CODEX - Changed the Melody List Columns a bit
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user