buzzert/QueueCube
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: add scaffolding for favorites tab

Browse Source
This commit is contained in:
James Magahern
2025-02-23 12:51:21 -08:00
parent 2a0c2c0e41
commit d6a375fff3
4 changed files with 105 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/SongRow.tsx
View File

@@ -40,7 +40,7 @@ const SongRow: React.FC<SongRowProps> = ({ song, playState, onDelete, onPlay })
return (
<div className={classNames("flex flex-row w-full h-24 px-2 py-5 items-center border-b gap-2 transition-colors", {
"bg-black/10": (playState === PlayState.Playing || playState === PlayState.Paused),
"qc-highlighted": (playState === PlayState.Playing || playState === PlayState.Paused),
"bg-black/30": playState === PlayState.NotPlaying,
})}>
<div className="flex flex-row gap-2">
@@ -78,7 +78,7 @@ const SongRow: React.FC<SongRowProps> = ({ song, playState, onDelete, onPlay })
<div className="flex flex-row gap-2">
<button
ref={buttonRef}
className="text-red-500 px-3 py-1 bg-red-500/10 rounded"
className="text-red-100 px-3 py-1 bg-red-500/40 rounded"
onClick={(e) => {
e.stopPropagation();
if (showDeleteConfirm) {