Merge branch 'fix/product-card-galeria-object-contain'
This commit is contained in:
commit
a25cad6da3
1 file changed
+15
-1
@@ -53,13 +53,27 @@ export function ProductCardGallery({
|
|||||||
aria-label={total > 1 ? `${name}, imagen ${slide + 1} de ${total}` : name}
|
aria-label={total > 1 ? `${name}, imagen ${slide + 1} de ${total}` : name}
|
||||||
tabIndex={slide === 0 ? 0 : -1}
|
tabIndex={slide === 0 ? 0 : -1}
|
||||||
>
|
>
|
||||||
|
{/* object-contain (no object-cover): las fotos secundarias del
|
||||||
|
catálogo no son cuadradas (verticales tipo 933x1500 u
|
||||||
|
horizontales) y cover les cortaba cabeza, pies o bordes
|
||||||
|
-- reportado en vivo con Tristeza y Buzz. Mismo criterio que
|
||||||
|
product-gallery.tsx; el letterbox queda del bg-white de la
|
||||||
|
tarjeta. */}
|
||||||
|
{/* unoptimized desde la 2da imagen: pasar todas por el
|
||||||
|
optimizador de Next multiplica el trabajo de sharp dentro
|
||||||
|
del pod (~58 imagenes en el catalogo vs. 18 antes) -- una
|
||||||
|
carga en rafaga de todas las galerias dejo un pod de prod
|
||||||
|
OOMKilled (limite 768Mi) el 2026-09-27. Los originales de
|
||||||
|
media.cruzcloud.net pesan ~165 KB promedio y son lazy: solo
|
||||||
|
se bajan al deslizar. La 1ra sigue optimizada como antes. */}
|
||||||
<Image
|
<Image
|
||||||
src={src}
|
src={src}
|
||||||
alt={slide === 0 ? name : `${name} (imagen ${slide + 1})`}
|
alt={slide === 0 ? name : `${name} (imagen ${slide + 1})`}
|
||||||
fill
|
fill
|
||||||
|
unoptimized={slide > 0}
|
||||||
priority={priority && slide === 0}
|
priority={priority && slide === 0}
|
||||||
sizes="(max-width: 640px) 82vw, (max-width: 1024px) 44vw, 280px"
|
sizes="(max-width: 640px) 82vw, (max-width: 1024px) 44vw, 280px"
|
||||||
className="object-cover transition duration-500 group-hover:scale-[1.035]"
|
className="object-contain transition duration-500 group-hover:scale-[1.035]"
|
||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in new issue
Block a user