- Navios
- 5 de setembro de 2026 às 18:05 UTC
- Autor
- Kamo
- Enviar
- 4a6ad5b
Cada rota agora renderiza dentro .kamo-pane: um cartão inserido 15px do navegador edge com um raio de 14px, uma sombra suave, e overflow: escondido, então uma página própria O conteúdo é cortado para o retângulo arredondado. O painel também carrega um translateZ(0), que é o que o torna o bloco contendo para `posição: fixo` descendentes — sem ele a pílula Powered-by e a âncora de fundo Capcha para o viewport e escapar do clipe inteiramente, que é exatamente o caso Foi pedido recorte. A fita "Bem-vindo de volta!" é de três camadas ao redor desse painel, ordenado dentro .kamo-shell: as caudas mais escuras atrás dele, o painel, em seguida, a faixa vermelha na frente. A banda é girada 45 graus no sentido horário sobre o canto superior direito diagonal e cortado por uma caixa ancorada 8px fora desse canto, por isso pende o topo e bordas direitas por exatamente 8px, corte flush com o espaço. O corte do flush não é um atalho, é a única maneira de atingir 8px. Uma banda com as extremidades quadradas perpendiculares a si não podem pendurar uma borda por menos do que a sua espessura própria sobre a raiz dois — 24px em uma faixa legível 34px, muito mais do que um 15px gap tem espaço para. Cortando as extremidades paralelas às bordas que atravessam desacopla a penugem da espessura da banda, e dá ambas as bordas a mesma 8px. As caudas começam a largura de uma banda para fora do canto, para que seus próximos fins terminam por baixo dela, correr ao longo de cada borda através da abertura, e depois são engolidos por O painel. Só que... a costela de cada cauda limpa o painel. o entalhe de rabo de andorinha é cortado dentro dessa tira; nada mais profundo nunca mostra. Cada dimensão é uma propriedade personalizada em :root, e escalas de montagem inteiras abaixo de 640px. Cada rota dimensionou-se para o viewport, e assim transbordaram o novo painel por 30px. Cada raiz agora preenche o painel em vez disso — 100% no lugar de --app-dvh, 100dvh, 100vh e min-h-screen — e o revestimento de área segura move-se até ao palco, que é onde o inset é agora aplicado. O palco recua para 100dvh para as rotas que não medem visualViewport em -- app-dvh eles mesmos. Verificado em um navegador em 1440x900 e 390x844: o painel mede 15px de cada borda, a caixa de clipe fica 8px fora do canto, ambas as caudas caem onde o geometria prediz, e a pílula Powered-by está contida 16px dentro do painel em vez do viewport.