teste
/
testes
Template
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity
testes/.agent/workflows/layout-check.md

1.0 KiB
Raw Permalink Blame History

description
Validação de Layout e Responsividade (PlatformSistemas)

📱 Workflow: Layout Check

Siga estes passos após qualquer alteração no visual ou na estrutura do frontend para garantir que a Fundação Visual e a Coordenação de Layout (Power-Up Pralog) permaneçam intactos.

Passos de Validação

  1. Verificação de Variáveis:

    • Garante que não foram introduzidos px fixos onde deveria haver clamp().
    • Verifica se a sidebar continua usando --sidebar-width.

  2. Teste de Responsividade (Browser Tool):

    • Redimensionar para Mobile (375px).
    • Redimensionar para Tablet (768px).
    • Redimensionar para Desktop Full (1920px).
    • Verificar se há scroll horizontal (deve ser zero).

  3. Verificação de Fontes:

    • Abrir o Inspect → Network → Fonts.
    • Verificar se a fonte Inter é carregada via preconnect com prioridade alta.

  4. Coordenação Sidebar/Main:

    • Alternar o estado da sidebar (Expanded/Collapsed).
    • O conteúdo principal deve se ajustar perfeitamente sem "pular" ou "vazar".