andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Fix webkit aspect ratio bug

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-28 14:29:42 +02:00
parent 22f636466e
commit 1cece74e0d
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
1 changed files with 1 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/page/image/image.html.ts
View file

@ -17,15 +17,13 @@ export const Image = ({
class="image" class="image"
style="background-size: cover; background-image: url('${ style="background-size: cover; background-image: url('${
image.placeholder image.placeholder
}'); aspect-ratio: ${image.width / image.height}" }'); aspect-ratio: ${image.width / image.height};"
> >
<img <img
${isEagerLoaded ? '' : 'loading="lazy"'} ${isEagerLoaded ? '' : 'loading="lazy"'}
srcset="${image.srcSet}" srcset="${image.srcSet}"
${sizes ? `sizes="${sizes}"` : ''} ${sizes ? `sizes="${sizes}"` : ''}
src="${image.src}" src="${image.src}"
width="${image.width}"
height="${image.height}"
alt="${alt}" alt="${alt}"
/> />
</div>`; </div>`;