3dtours/SonicForgeStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: track buttons with border, rounded, 20px height, 14px font, red active

Browse Source 
- Each button: border border-zinc-600 rounded-md, h-[20px], text-[14px]
- Active/play-on track: bg-red-700 (red), selected track: bg-yellow-600
- Off track: bg-zinc-800 text-zinc-500
This commit is contained in:
3dtours
2026-07-27 19:41:06 +07:00
parent 9c0909c3fa
commit 60141cef3f
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/js/app.jsx
+2 -2
View File
@@ -6155,9 +6155,9 @@ const beatSec = 60.0 / (parseInt(bpm) || 120);
return s.size === allIds.length ? null : s; return s.size === allIds.length ? null : s;
}); });
}, },
className: "w-full flex items-center justify-center h-[18px] border-b border-zinc-900 cursor-pointer outline-none " + (isActive ? 'bg-yellow-600 text-black font-bold border-l-2 border-l-yellow-300' : (isPlayOn ? 'bg-purple-700 text-white font-semibold border-l-2 border-l-purple-400' : 'bg-zinc-800 text-zinc-500 hover:bg-zinc-700 border-l-2 border-l-transparent')) 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'))
}, React.createElement("span", { }, React.createElement("span", {
className: "text-[12px] font-sans truncate px-1", className: "text-[14px] font-sans truncate px-1",
title: track ? track.name : m._trackName title: track ? track.name : m._trackName
}, track ? track.name : m._trackName))); }, track ? track.name : m._trackName)));
}); });
app/static/js/app.precompiled.js
+1 -1
View File
File diff suppressed because one or more lines are too long