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

Update TopBanner to use object-contain for full visibility

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

4
src/components/TopBanner.tsx
View File

@ -58,13 +58,13 @@ export default function TopBanner({ initialBanners, rotationSeconds }: { initial
{/* Metric Impression Observer resets key on change to fire new impression */} {/* Metric Impression Observer resets key on change to fire new impression */}
<MetricObserver key={activeBanner.$id} postId={activeBanner.$id} /> <MetricObserver key={activeBanner.$id} postId={activeBanner.$id} />
<div onClick={recordClickAndGo} className={`w-full block ${activeBanner.url_destino ? 'cursor-pointer' : ''}`}> <div onClick={recordClickAndGo} className={`w-full block flex justify-center ${activeBanner.url_destino ? 'cursor-pointer' : ''}`}>
{/* eslint-disable-next-line @next/next/no-img-element */} {/* eslint-disable-next-line @next/next/no-img-element */}
<img <img
key={activeBanner.$id} key={activeBanner.$id}
src={imgUrl} src={imgUrl}
alt={activeBanner.titulo} alt={activeBanner.titulo}
className="w-full h-[180px] sm:h-[250px] md:h-[350px] lg:h-[450px] object-cover block animate-fade-in" className="w-full h-auto max-h-[180px] sm:max-h-[250px] md:max-h-[350px] lg:max-h-[450px] object-contain block animate-fade-in"
/> />
{activeBanner.url_destino && ( {activeBanner.url_destino && (