- Se descapó
- 19 de agosto de 2026 a las 3:43 UTC
- Autor
- Kamo
- Compromit
- 646db37
PREVIEW BANNER . Su CSS vivió en un bloque jsx de estilo dentro del componente. En la aplicación Router estilo-jsx no sistema-render CSS para componentes de clientes, Así que el SSR HTML envió el marcado de la bandera (es el primer elemento en el cuerpo) con nombres de clase sin que coincer con una hoja de estilo, y la etiqueta "estilo" sólo apareció una vez el paquete JS corrió. Confirmado contra la producción: cero en línea de bloques en el HTML servido, y ninguna de las reglas en el paquete de CSS tampoco. Las reglas se mueven a globals.css, que es una hoja de estilo de renderizado en la cabeza, por lo que se aplican en la primera pintura. El banner es la posición: fijado y su altura sólo estaba reservada por un efecto escribir documento.body.style.paddingTop, así que contento se sentó debajo de él hasta Hidratación y luego saltó. Cuerdo de acolchado: var (--banner-h, 38px) Ahora lo reserva de la primera pintura; el efecto todavía sobrescribe la variable con la altura medida, que importa cuando la copia se envuelve en pequeñas pantallas. CARDS FEATURE - la corrección anterior usó un estirado :: después en z-index 1, pero el la tarjeta es de la tarjeta y el porte de la letra z-10. Pintaron por encima de la capa y se tragó el clic en la mayor parte de la tarjeta, así que todavía estaba muerta por todas partes eso importaba. En lugar de escalar z-index contra el contenido que legítimamente necesita sentarse por encima de las capas flotantes, el ancla ahora envuelve toda la tarjeta. Eso es la semántica adecuada para una tarjeta que navega en su conjunto y le da una parada en lugar de dos; el interior "Aprender más" vuelve a marcar simple, desde entonces un enlace dentro de un enlace es inválido.