Panoramica
Apollo è completamente responsivo con componenti mobile dedicati per schermi più piccoli. L’esperienza mobile adatta l’interfaccia desktop per l’interazione touch, mantenendo tutte le funzionalità.Funzionalità Specifiche per Mobile
Shell dell’App Mobile
Un layout dedicato per dispositivi mobili che include:- Barra di navigazione inferiore — accesso rapido alle sezioni principali
- Gesti di scorrimento — scorri tra le viste
- Trascina per aggiornare — aggiorna i dati con un gesto verso il basso
Kanban Mobile
Una board Kanban ottimizzata per il touch con:- Colonne scorrevoli
- Drag-and-drop touch per le attività
- Layout delle schede semplificato per schermi più piccoli
Lista Attività Mobile
Una vista elenco compatta progettata per schermi mobili con azioni di scorrimento sulle singole attività.Calendario Mobile
Una vista settimanale scorrevole ottimizzata per l’interazione mobile.Filtri Mobile
Un pannello filtri in bottom sheet con punti di ancoraggio — scorri verso l’alto per espandere, scorri verso il basso per chiudere.Input Vocale su Mobile
La creazione di attività tramite voce e la modalità vocale di Apollo Brain funzionano sui browser mobili.Sistema di Breakpoint
Apollo utilizza un hookuseBreakpoint che corrisponde ai breakpoint standard:
| Breakpoint | Larghezza | Esperienza |
|---|---|---|
sm | < 640px | Smartphone |
md | 640-1024px | Tablet |
lg | > 1024px | Desktop |