Assentar cada tela no mesmo painel, sob uma fita por passo

Featurekamo-register
Navios
5 de setembro de 2026 às 20:34 UTC
Autor
Kamo
Enviar
d405a50

Concha de porta kamo-login: cada rota agora renderiza dentro .kamo-pane, uma carta inset 15px da borda do navegador com um raio de 14px, uma sombra suave e Ofegante. A geometria é copiada literalmente de propósito — os dois produtos sentar cada lado de um funil e um usuário cruza entre eles no meio do fluxo, de modo que o O quadro não deve deslocar-se por baixo deles. O texto da fita é a parte que difere. kamo-login recebe você com um linha em cada tela porque há apenas uma coisa que você está lá para fazer; registro é um funil, então PaneRibbon nomeia o passo: "Vamos começar!" em "Cria a tua orgia" na equipa. Falta uma rota de que mapa não recebe nenhuma fita em vez de uma saudação genérica — / sorry, /logout e as telas de verificação não são lugares para serem aplaudidos. Desde tails e a banda ambos carregam um índice z explícito, um componente pode possuir tudo três peças e decidir por rota se há uma fita em tudo. Cada rota dimensionou-se para o viewport e assim transbordaram o painel em 30px; Cada raiz agora preenche-a. RegisterFlow precisava mais do que uma troca de unidades: em um telefone era height:auto assim que o documento rolou, e dentro de um painel que clipes, crescendo passado teria colocado os passos posteriores fora de alcance. A rolagem move-se dentro do fluxo, que o seu próprio overflowY:auto já fornecido Pois. Adiciona ViewportHeight, publicando visualViewport em -- app- dvh como kamo- login Sim. 100dvh é o backback e quase fazer, mas registro é um longo forma de entradas de texto e dvh não conta para um teclado: com o estágio preso em altura total a região de pergaminho do painel corre atrás dele, deixando o navegador livre para rolar um campo focado por baixo. A fita cobre o canto superior direito do painel, e ao contrário de um cartão de entrada O cabeçalho do registo chega àquele canto. Varrendo cada linha de texto em /, /member e /equipe em 11 viewports encontrou o cabeçalho "Assine aqui" sob a banda em 1024x768, 1100x700 e 1280x768, entre outros — não apenas uma janela estreita problema, porque o fluxo é centrado verticalmente e uma janela curta levanta o ir para o caminho da banda. Segurar a ponta direita do cabeçalho limpa-o. exceto abaixo de 400px, onde a reserva deixa menos espaço do que "KamoCRM" é grande e uma única palavra inquebrável transborda sua caixa em vez de embrulhar — não quantidade de enchimento moveu-o, então o título escala lá em vez. A varredura agora não reporta colisões em nenhuma das 33 combinações rota/porto de visão. Verificado em um navegador: o painel mede 15px de cada borda em todos os oito rotas com zero rolagem transbordar, as três fitas carregam as palavras certas e caber o comprimento utilizável da banda (131, 117 e 96px contra 192), e o outro rotas não render nenhuma fita e nenhuma cauda.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços