Überblick
Apollo ist vollständig responsiv mit dedizierten mobilen Komponenten für kleinere Bildschirme. Die mobile Erfahrung passt die Desktop-Oberfläche für Touch-Interaktion an und behält dabei die volle Funktionalität bei.Mobile-spezifische Funktionen
Mobile App-Shell
Ein dediziertes Layout für Mobilgeräte, das Folgendes umfasst:- Untere Navigationsleiste — schneller Zugriff auf die Hauptbereiche
- Wischgesten — zwischen Ansichten wischen
- Zum Aktualisieren ziehen — Daten mit einer Abwärtsgeste aktualisieren
Mobiles Kanban
Ein für Touch optimiertes Kanban-Board mit:- Wischbare Spalten
- Touch-basiertes Drag-and-Drop für Aufgaben
- Vereinfachtes Kartenlayout für kleinere Bildschirme
Mobile Aufgabenliste
Eine kompakte Listenansicht für mobile Bildschirme mit Wischaktionen bei einzelnen Aufgaben.Mobiler Kalender
Eine wischbare Wochenansicht, optimiert für mobile Interaktion.Mobile Filter
Ein Filter-Panel als Bottom Sheet mit Einrastpunkten — nach oben wischen zum Erweitern, nach unten wischen zum Schließen.Spracheingabe auf Mobilgeräten
Die Aufgabenerstellung per Sprache und der Apollo Brain Sprachmodus funktionieren in mobilen Browsern.Breakpoint-System
Apollo verwendet einenuseBreakpoint-Hook, der den Standard-Breakpoints entspricht:
| Breakpoint | Breite | Erfahrung |
|---|---|---|
sm | < 640px | Smartphone |
md | 640-1024px | Tablet |
lg | > 1024px | Desktop |