add sizes prop to carousel images to reduce Cloudflare transformations
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
11d4b30a09
commit
092cbc3cbb
1 changed files with 7 additions and 1 deletions
|
|
@ -161,7 +161,13 @@ function PhoneMedia({
|
||||||
className='size-full object-contain'
|
className='size-full object-contain'
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<Image src={media.src} alt={title} fill className='object-contain' />
|
<Image
|
||||||
|
src={media.src}
|
||||||
|
alt={title}
|
||||||
|
fill
|
||||||
|
sizes='(min-width: 768px) 352px, 240px'
|
||||||
|
className='object-contain'
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue