Update TopBanner to use preview and standard heights
This commit is contained in:
parent
46c2d33471
commit
09fbdc39fa
@ -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 && (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user