Descripción General
Apollo es completamente responsivo con componentes móviles dedicados para pantallas pequeñas. La experiencia móvil adapta la interfaz de escritorio para la interacción táctil, manteniendo toda la funcionalidad.Funciones Específicas para Móvil
Shell de la Aplicación Móvil
Un layout dedicado para móvil que incluye:- Barra de navegación inferior — acceso rápido a las secciones principales
- Gestos de deslizamiento — desliza entre vistas
- Deslizar para actualizar — actualiza los datos con un gesto hacia abajo
Kanban Móvil
Un tablero Kanban optimizado para pantalla táctil con:- Columnas deslizables
- Arrastrar y soltar táctil para tareas
- Diseño de tarjeta simplificado para pantallas pequeñas
Lista de Tareas Móvil
Una vista de lista compacta diseñada para pantallas móviles con acciones de deslizamiento en tareas individuales.Calendario Móvil
Una vista semanal deslizable optimizada para interacción móvil.Filtros Móviles
Un panel de filtros en bottom sheet con puntos de anclaje — desliza hacia arriba para expandir, desliza hacia abajo para cerrar.Entrada por Voz en Móvil
La creación de tareas por voz y el modo de voz de Apollo Brain funcionan en navegadores móviles.Sistema de Breakpoints
Apollo utiliza un hookuseBreakpoint que se corresponde con los breakpoints estándar:
| Breakpoint | Ancho | Experiencia |
|---|---|---|
sm | < 640px | Teléfono móvil |
md | 640-1024px | Tablet |
lg | > 1024px | Escritorio |