Skip to content

feat(analytics): make dashboard responsive for tablet viewports#589

Open
Ummi-001 wants to merge 1 commit into
MindBlockLabs:mainfrom
Ummi-001:feature/analytics-tablet-responsive
Open

feat(analytics): make dashboard responsive for tablet viewports#589
Ummi-001 wants to merge 1 commit into
MindBlockLabs:mainfrom
Ummi-001:feature/analytics-tablet-responsive

Conversation

@Ummi-001

Copy link
Copy Markdown
Contributor

Closes #571

Summary

Makes the analytics dashboard usable on tablet-width viewports (768px).

Changes

  • frontend/app/analytics/layout.tsx — new shared layout for the analytics route; holds the page shell (background, header) so it's consistent across future analytics sub-pages.
  • frontend/app/analytics/page.tsx — dashboard content now uses a responsive CSS grid (single column below lg, two columns at desktop) so charts stack vertically on tablet-width screens instead of overflowing horizontally.
  • frontend/components/analytics/DauMauChart.tsx — date-range controls (presets + date pickers) now collapse behind a "Filters" toggle button below the md breakpoint, instead of sitting inline, so they no longer crowd or overlap the chart on narrower viewports.

Acceptance criteria addressed

  • No horizontal scroll at 768px width; charts stack vertically.
  • Controls remain reachable via the Filters toggle without overlapping chart content.

@vercel

vercel Bot commented Jul 22, 2026

Copy link
Copy Markdown

@Ummi-001 is attempting to deploy a commit to the aminubabafatima8-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

Add analytics API client (frontend)

1 participant