28 lines
1.0 KiB
Markdown
28 lines
1.0 KiB
Markdown
---
|
|
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".
|