Overview
Apollo is fully responsive with dedicated mobile components for smaller screens. The mobile experience adapts the desktop interface for touch interaction while maintaining full functionality.Mobile-Specific Features
Mobile App Shell
A dedicated layout wrapper for mobile that includes:- Bottom navigation bar — quick access to main sections
- Swipe gestures — swipe between views
- Pull-to-refresh — refresh data with a downward swipe
Mobile Kanban
A touch-optimized Kanban board with:- Swipeable columns
- Touch drag-and-drop for tasks
- Simplified card layout for smaller screens
Mobile Task List
A compact list view designed for mobile screens with swipe actions on individual tasks.Mobile Calendar
A swipeable week view optimized for mobile interaction.Mobile Filters
A bottom sheet filter panel with snap points — swipe up to expand, swipe down to dismiss.Voice Input on Mobile
Full voice task creation and Apollo Brain voice mode work on mobile browsers.Breakpoint System
Apollo uses auseBreakpoint hook that maps to standard breakpoints:
| Breakpoint | Width | Experience |
|---|---|---|
sm | < 640px | Mobile phone |
md | 640-1024px | Tablet |
lg | > 1024px | Desktop |