mifi-holdings/armandine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aspect ratio and fetch priority fix
All checks were successful
ci/woodpecker/push/ci Pipeline was successful
Details
ci/woodpecker/push/build Pipeline was successful
Details
ci/woodpecker/push/deploy Pipeline was successful
Details

Browse Source
This commit is contained in:
Mike Fitzpatrick
2026-02-14 20:24:26 -03:00
parent 28401d5027
commit e712e73902
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/style.css
View File

@@ -72,12 +72,14 @@ body {
} }
.gallery-item { .gallery-item {
aspect-ratio: 3/2;
margin: 0 0 1rem; margin: 0 0 1rem;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.gallery-item img { .gallery-item img {
height: auto;
width: 100%; width: 100%;
display: block; display: block;
border-radius: 8px; border-radius: 8px;

6
src/assets/js/script.js
View File

@@ -64,10 +64,10 @@ const createPicture = (item) => {
const img = document.createElement('img'); const img = document.createElement('img');
img.src = `assets/media/thumbnail/${item.name}.webp`; img.src = `assets/media/thumbnail/${item.name}.webp`;
img.alt = item.alt.replace(/[‘’]/g, ''); img.alt = item.alt.replace(/[‘’]/g, '');
img.height = item.height || 300; img.height = item.height || undefined;
img.width = item.width || 300; img.width = item.width || undefined;
img.loading = item.loading || 'lazy'; img.loading = item.loading || 'lazy';
img.fetchpriority = item.fetchpriority || undefined; img.fetchPriority = item.fetchpriority || undefined;
pic.appendChild(img); pic.appendChild(img);
return pic; return pic;
}; };