Skip to content

Improve mobile dashboard layout#18

Merged
ridecontrol merged 1 commit into
mainfrom
fix/mobile-dashboard-layout
Jul 23, 2026
Merged

Improve mobile dashboard layout#18
ridecontrol merged 1 commit into
mainfrom
fix/mobile-dashboard-layout

Conversation

@ridecontrol

Copy link
Copy Markdown
Collaborator

What changed

  • make dashboard summaries, charts, and trainer controls fit phone-width viewports
  • keep the footer below the dashboard with mobile safe-area spacing
  • contain Sessions tray overflow and hide the chart selector's native scrollbar
  • place Sessions help and close controls in the upper-right on narrow screens
  • add component regression coverage and document responsive behavior

Why

Intrinsic content widths were expanding the dashboard and Sessions detail beyond narrow viewports, while the fixed footer overlaid the final controls. The Sessions chart selector also exposed a native horizontal scrollbar.

Validation

  • visually audited dashboard widths at 320 px, 390 px, and 576 px
  • bun run ci (270 tests, TypeScript, Biome with zero warnings, Tailwind diagnostics, production build)

@ridecontrol
ridecontrol merged commit 5db9381 into main Jul 23, 2026
2 checks passed
@ridecontrol
ridecontrol deleted the fix/mobile-dashboard-layout branch July 23, 2026 19:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant