Rémi Bouteiller f1ad6d96e2 Extract shared DeviceFrame bezel and sweep to TRMNL primary token. ...

Introduces components/common/device-frame.tsx — the dark rounded "TRMNL
device" bezel used by the playlist live preview and filmstrip (and, in
follow-up commits, the Recipes pages). One source of truth for what a
device screen looks like: sm/md/lg sizes, portrait flag, optional flat
(no shadow) for nested contexts.

Playlists adopt the shared frame:
- live preview wraps its bitmap in DeviceFrame size=lg
- filmstrip wraps each thumbnail in DeviceFrame size=sm flat
- the playing-indicator dot now uses bg-primary (TRMNL orange)

Also retires remaining text-blue-600 / text-blue-400 hover colors in
tools and mixup lists in favor of text-primary.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-24 14:47:51 -07:00

..

device-frame.tsx

Extract shared DeviceFrame bezel and sweep to TRMNL primary token.

2026-04-24 14:47:51 -07:00

formatted-date.tsx

Move non-shadcn components out of components/ui into components/common.

2026-04-24 14:13:02 -07:00

graph.tsx

Move non-shadcn components out of components/ui into components/common.

2026-04-24 14:13:02 -07:00

page-template.tsx

Move non-shadcn components out of components/ui into components/common.

2026-04-24 14:13:02 -07:00

status-indicator.tsx

Move non-shadcn components out of components/ui into components/common.

2026-04-24 14:13:02 -07:00