Visão Geral
O Apollo é totalmente responsivo com componentes mobile dedicados para telas menores. A experiência mobile adapta a interface desktop para interação por toque, mantendo toda a funcionalidade.Recursos Específicos para Mobile
Shell do Aplicativo Mobile
Um layout dedicado para mobile que inclui:- Barra de navegação inferior — acesso rápido às seções principais
- Gestos de deslizar — deslize entre as visualizações
- Puxar para atualizar — atualize os dados com um gesto para baixo
Kanban Mobile
Um quadro Kanban otimizado para toque com:- Colunas deslizáveis
- Arrastar e soltar por toque para tarefas
- Layout de cartão simplificado para telas menores
Lista de Tarefas Mobile
Uma visualização em lista compacta projetada para telas mobile com ações de deslizar em tarefas individuais.Calendário Mobile
Uma visualização semanal deslizável otimizada para interação mobile.Filtros Mobile
Um painel de filtros em bottom sheet com pontos de encaixe — deslize para cima para expandir, deslize para baixo para fechar.Entrada por Voz no Mobile
A criação de tarefas por voz e o modo de voz do Apollo Brain funcionam em navegadores mobile.Sistema de Breakpoints
O Apollo utiliza um hookuseBreakpoint que corresponde aos breakpoints padrão:
| Breakpoint | Largura | Experiência |
|---|---|---|
sm | < 640px | Celular |
md | 640-1024px | Tablet |
lg | > 1024px | Desktop |