Skip to content

feat(mobile): melhora densidade do dashboard e do menu#61

Merged
johnlaff merged 1 commit into
mainfrom
feat/mobile-navigation-density
Jul 10, 2026
Merged

feat(mobile): melhora densidade do dashboard e do menu#61
johnlaff merged 1 commit into
mainfrom
feat/mobile-navigation-density

Conversation

@johnlaff

@johnlaff johnlaff commented Jul 10, 2026

Copy link
Copy Markdown
Owner

A visão mobile ganha mais respiro lateral, resumos proporcionais ao conteúdo e um drawer mais responsivo. A mudança resolve o aperto visual relatado pela usuária sem alterar o layout a partir de sm.

Contexto

No celular, o dashboard encobria a malha de fundo e os resumos Hoje, Semana e Mês ocupavam uma coluna inteira com espaço estrutural ocioso. O novo menu hamburguer também herdava uma transição lenta.

Mudanças

  • dobra o recuo lateral mobile de 16 px para 32 px;
  • deixa apenas os três resumos com largura intrínseca e sem padding/gap estrutural excedente no mobile;
  • garante quebra de linha para saldos excepcionalmente longos em 320 px;
  • mantém o grid e o recuo originais a partir de sm;
  • reduz o drawer para 200 ms ao abrir e 150 ms ao fechar, usando composição por transform;
  • respeita prefers-reduced-motion no drawer e overlay;
  • torna os requests E2E mutantes compatíveis com a validação de Origin/CSRF também fora do ambiente local;
  • espelha o keyring de bootstrap no servidor E2E local quando o clone ainda tem somente o segredo legado, para verificar o banco compartilhado corretamente.

Como verificar

  • npm test
  • npx tsc --noEmit
  • npm run lint
  • npx react-doctor@latest --no-telemetry
  • npm run build
  • npm run test:e2e (32 testes)

Os E2E cobrem 390 px, 320 px, o limiar de 640 px, ausência de overflow com dados normais e extremos, compactação dos três resumos, foco/Escape/navegação do drawer e redução de movimento.

Closes #58

@johnlaff
johnlaff force-pushed the feat/mobile-navigation-density branch from 821e597 to 6cef6a7 Compare July 10, 2026 10:24
@johnlaff
johnlaff merged commit 82a34d1 into main Jul 10, 2026
1 check passed
@johnlaff
johnlaff deleted the feat/mobile-navigation-density branch July 10, 2026 10:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

mobile: aumentar respiro lateral, compactar resumos e acelerar menu

1 participant