fix: ForecastBoxer texts overflow

[dresandev]

Descripción

Se corrige contenido cortado en el componente ForecastBoxer

Cambios propuestos

Se remueve el overflow-hidden del wrapper para evitar que se corte el contenido que sobresale o que puede llegar a sobresalir, en este caso, el nombre del boxeador y el porcentaje. El overflow-hidden se usaba para mantener el aspect-ratio de la imagen del boxeador, ya que la imagen crecía con el contenido. Para solucionar esto, se usa absolute en el contenedor del título y porcentaje, posicionándolo debajo y al centro de la imagen, y se agrega al wrapper un pb-[content-height]. De esta manera, al "no tener" el contenido en el wrapper, la imagen mantiene su aspect ratio y el contenido no se corta.

Capturas de pantalla

Antes:

Después:

Comprobación de cambios

• [x] He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
• [x] He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
• [x] He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
• [x] He actualizado la documentación, si corresponde.

[vercel[bot]]

@dresandev is attempting to deploy a commit to the midudev pro Team on Vercel.

A member of the Team first needs to authorize it.