carlos/almeira-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update TopBanner to use preview and standard heights

Browse Source
This commit is contained in:
Carlos (Almeira) 2026-07-17 17:17:20 -05:00
parent 46c2d33471
commit 09fbdc39fa
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TopBanner.tsx
View File

@ -33,10 +33,10 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
if (activeBanner.imagen_destacada_id) { if (activeBanner.imagen_destacada_id) {
if (typeof activeBanner.imagen_destacada_id === 'object' && activeBanner.imagen_destacada_id.bucket_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') { } else if (typeof activeBanner.imagen_destacada_id === 'string') {
// Fallback to 'media' bucket if we only have the ID // 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} key={activeBanner.$id}
src={imgUrl} src={imgUrl}
alt={activeBanner.titulo} 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 && ( {activeBanner.url_destino && (