dev→main: purpose-built mobile layout for subscriptions hub #65

2026-06-04T13:43:50-04:00

bvandeusen commented

2026-06-04 13:43:50 -04:00

Supersedes the Vuetify auto-stack (PR #64) which was too verbose (one subscription per phone screen) and left the expanded sources scrolling sideways. HEAD 928e303, run #510 green. No backend changes.

Below 600px (useDisplay) the v-data-table is replaced by a custom compact-card list: each subscription is a 2-line card (name + health + expand, then platform chips + "N src · last activity") so several fit per screen.
Expanding shows the action row + each source as a STACKED SourceCard (new) — no horizontal scroll.
Mobile cards drive the same selected/expanded key arrays as the desktop table, so selection + bulk actions are unchanged. Desktop keeps the v-data-table.

🤖 Generated with Claude Code

Supersedes the Vuetify auto-stack (PR #64) which was too verbose (one subscription per phone screen) and left the expanded sources scrolling sideways. HEAD `928e303`, run #510 green. No backend changes. - Below 600px (`useDisplay`) the v-data-table is replaced by a custom compact-card list: each subscription is a 2-line card (name + health + expand, then platform chips + "N src · last activity") so several fit per screen. - Expanding shows the action row + each source as a STACKED `SourceCard` (new) — no horizontal scroll. - Mobile cards drive the same `selected`/`expanded` key arrays as the desktop table, so selection + bulk actions are unchanged. Desktop keeps the v-data-table. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

bvandeusen added 1 commit 2026-06-04 13:43:50 -04:00

fix(ui): purpose-built mobile layout for subscriptions hub

CI / frontend-build (push) Successful in 59s

Details

CI / integration (push) Successful in 2m56s

Details

CI / lint (push) Successful in 2s

Details

CI / backend-lint-and-test (push) Successful in 10s

Details

928e3037f0

Vuetify's auto card-stack was too verbose (one subscription filled the whole
phone screen) and the expanded sources still needed lateral scroll. Replace it
below 600px (useDisplay) with a custom compact-card list: each subscription is
a 2-line card (name + health + expand chevron, then platform chips + sources
count + last activity) so several fit per screen. Expanding shows the action
row + each source as a STACKED SourceCard (new) — platform/url/enabled/last/
next/errors/actions laid out vertically, no horizontal scroll. The mobile
cards drive the same selected/expanded key arrays as the desktop data-table,
so selection and bulk actions are unchanged. Desktop keeps the v-data-table.

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

bvandeusen merged commit 773128c3bf into main

2026-06-04 13:43:56 -04:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: bvandeusen/FabledCurator#65