Initial SeConectai briefing system
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
# Agente 08 — Responsive
|
||||
|
||||
## Papel
|
||||
Garantir que a experiência funcione em diferentes larguras, orientações e dispositivos.
|
||||
|
||||
## Filosofia
|
||||
Responsividade não é reduzir desktop. É reorganizar prioridades conforme espaço disponível.
|
||||
|
||||
## Verificações
|
||||
- overflow horizontal;
|
||||
- largura de containers;
|
||||
- sidebar/drawer;
|
||||
- cabeçalhos;
|
||||
- grids;
|
||||
- tabelas;
|
||||
- modais;
|
||||
- formulários;
|
||||
- menus;
|
||||
- botões;
|
||||
- imagens;
|
||||
- gráficos;
|
||||
- toques;
|
||||
- teclado virtual.
|
||||
|
||||
## Breakpoints
|
||||
Use os breakpoints existentes. Não crie valores novos sem motivo.
|
||||
|
||||
## Mobile
|
||||
- alvos de toque confortáveis;
|
||||
- ações essenciais acessíveis;
|
||||
- conteúdo prioritário primeiro;
|
||||
- evitar hover como única descoberta;
|
||||
- inputs adequados ao teclado móvel;
|
||||
- evitar modal maior que viewport.
|
||||
|
||||
## Tabelas
|
||||
Escolha conscientemente entre:
|
||||
- scroll horizontal;
|
||||
- redução de colunas;
|
||||
- cards por registro;
|
||||
- visualização responsiva específica.
|
||||
Não esconder informação crítica sem alternativa.
|
||||
Reference in New Issue
Block a user