rin.kagamine 4808406113 feat: Click album art in DetailPanel to play track ...

DetailPanel.tsx:
- Added optional onPlay prop to interface
- Album art image now wrapped in clickable container with cursor-pointer
- Hover overlay: semi-transparent black bg with white play triangle icon
- Works for both artwork images and placeholder (treble clef) state
- Placeholder gets hover:bg-white/10 for subtle feedback
- App.tsx: passes handlePlay to DetailPanel onPlay prop

Visual feedback:
- group-hover opacity transition on overlay (0 → 1)
- Play icon: w-12 h-12 white triangle (▶) centered
- Smooth 150ms transition on overlay opacity

2026-05-29 21:46:58 -04:00

..

src

feat: Click album art in DetailPanel to play track

2026-05-29 21:46:58 -04:00

Dockerfile

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

index.html

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

nginx.conf

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

package.json

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

postcss.config.js

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

tailwind.config.js

fix: Register marquee animation in Tailwind config

2026-05-29 20:50:36 -04:00

tsconfig.json

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

tsconfig.node.json

Initial scaffold: FastAPI backend + React frontend + Docker Compose

2026-05-26 18:18:55 -04:00

vite.config.ts

Fix Lyria API response parsing — audio in parts[1], not parts[0]

2026-05-29 16:59:28 -04:00