Update TopBanner to use preview and standard heights

This commit is contained in:
Carlos (Almeira) 2026-07-17 17:17:20 -05:00
parent 46c2d33471
commit 09fbdc39fa

View File

@ -33,10 +33,10 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
if (activeBanner.imagen_destacada_id) {
if (typeof activeBanner.imagen_destacada_id === 'object' && activeBanner.imagen_destacada_id.bucket_id) {
imgUrl = `${ENDPOINT}/storage/buckets/${activeBanner.imagen_destacada_id.bucket_id}/files/${activeBanner.imagen_destacada_id.file_id}/view?project=${PROJECT_ID}`;
imgUrl = `${ENDPOINT}/storage/buckets/${activeBanner.imagen_destacada_id.bucket_id}/files/${activeBanner.imagen_destacada_id.file_id}/preview?project=${PROJECT_ID}&width=1920&height=500&quality=85`;
} else if (typeof activeBanner.imagen_destacada_id === 'string') {
// Fallback to 'media' bucket if we only have the ID
imgUrl = `${ENDPOINT}/storage/buckets/media/files/${activeBanner.imagen_destacada_id}/view?project=${PROJECT_ID}`;
imgUrl = `${ENDPOINT}/storage/buckets/media/files/${activeBanner.imagen_destacada_id}/preview?project=${PROJECT_ID}&width=1920&height=500&quality=85`;
}
}
@ -64,7 +64,7 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
key={activeBanner.$id}
src={imgUrl}
alt={activeBanner.titulo}
className="w-full h-auto block animate-fade-in"
className="w-full h-[180px] sm:h-[250px] md:h-[350px] lg:h-[450px] object-cover block animate-fade-in"
/>
{activeBanner.url_destino && (