fix: track buttons fit column width, gray default, red on click

- Removed w-full so button widths are auto (fit content)
- Default: bg-zinc-700 text-zinc-300 hover:bg-zinc-600
- Play-on click: bg-red-700 text-white
This commit is contained in:
2026-07-27 19:42:28 +07:00
parent 60141cef3f
commit db4bdd2471
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -6155,7 +6155,7 @@ const beatSec = 60.0 / (parseInt(bpm) || 120);
return s.size === allIds.length ? null : s;
});
},
className: "w-full flex items-center justify-center h-[20px] border border-zinc-600 rounded-md cursor-pointer outline-none mx-1 my-[2px] " + (isActive ? 'bg-yellow-600 text-black font-bold' : (isPlayOn ? 'bg-red-700 text-white font-semibold' : 'bg-zinc-800 text-zinc-500 hover:bg-zinc-700'))
className: "flex items-center justify-center h-[20px] border border-zinc-600 rounded-md cursor-pointer outline-none mx-1 my-[2px] " + (isActive ? 'bg-yellow-600 text-black font-bold' : (isPlayOn ? 'bg-red-700 text-white font-semibold' : 'bg-zinc-700 text-zinc-300 hover:bg-zinc-600'))
}, React.createElement("span", {
className: "text-[14px] font-sans truncate px-1",
title: track ? track.name : m._trackName