Try height
This commit is contained in:
parent
906e52665a
commit
3dbdd354b5
@ -15,6 +15,7 @@
|
|||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
height: 100dvh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
@ -51,7 +52,6 @@
|
|||||||
display: block;
|
display: block;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.date-overlay {
|
.date-overlay {
|
||||||
@ -222,7 +222,7 @@
|
|||||||
img.setAttribute('data-base-src', polaroid.imgSrc);
|
img.setAttribute('data-base-src', polaroid.imgSrc);
|
||||||
img.src = polaroid.imgSrc;
|
img.src = polaroid.imgSrc;
|
||||||
|
|
||||||
img.onload = () => loadOptimalThumbnail(img); // Load optimal thumbnail after initial load
|
//img.onload = () => loadOptimalThumbnail(img); // Load optimal thumbnail after initial load
|
||||||
|
|
||||||
const dateOverlay = document.createElement('div');
|
const dateOverlay = document.createElement('div');
|
||||||
dateOverlay.className = 'date-overlay';
|
dateOverlay.className = 'date-overlay';
|
||||||
@ -295,7 +295,7 @@
|
|||||||
const width = parseInt(img.getAttribute('data-original-width'));
|
const width = parseInt(img.getAttribute('data-original-width'));
|
||||||
const height = parseInt(img.getAttribute('data-original-height'));
|
const height = parseInt(img.getAttribute('data-original-height'));
|
||||||
positionPolaroid(polaroid, { width, height });
|
positionPolaroid(polaroid, { width, height });
|
||||||
loadOptimalThumbnail(img);
|
//loadOptimalThumbnail(img);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user