Try height

This commit is contained in:
Tanishq Dubey 2024-10-20 17:38:45 -04:00
parent 906e52665a
commit 3dbdd354b5

View File

@ -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);
}); });
} }