Skip to content

Phase 6: Dashboard Layout (Mobile-First) #121

@elfensky

Description

@elfensky

Core dashboard redesign built on Phase 5 design tokens.

Layout

  • Single-page layout: sidebar with stats, main area with map + active events
  • No vertical scroll on desktop — everything fits in viewport

Dashboard on Phone

  • Map stacked above stats list
  • Events list below map
  • Touch-friendly hit targets and interactions

Alerts & Notifications

  • Install Sonner
  • Wire up event alerts (defend/attack events) as toasts
  • Sonner toasts positioned for mobile

Homepage Content

  • Cards with info about site features (history, API key, campaign, Discord bot)
  • Info about the Discord bot and API access

Depends on: Phase 5 (Design Tokens & Mobile Nav)
Merged from: #40

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementUpdate to an existing featurefrontendUI/UX and frontend work

    Projects

    Status

    Backlog

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions