Zum Hauptinhalt springenÜ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 einen useBreakpoint-Hook, der den Standard-Breakpoints entspricht:
| Breakpoint | Breite | Erfahrung |
|---|
sm | < 640px | Smartphone |
md | 640-1024px | Tablet |
lg | > 1024px | Desktop |