diff --git a/templates/index.html b/templates/index.html
index 6543019..dd38d93 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,6 +15,7 @@
background-color: #f0f0f0;
display: flex;
flex-direction: row;
+ height: 100dvh;
}
.main-content {
@@ -51,7 +52,6 @@
display: block;
flex-grow: 1;
object-fit: contain;
- transition: opacity 0.3s ease;
}
.date-overlay {
@@ -222,7 +222,7 @@
img.setAttribute('data-base-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');
dateOverlay.className = 'date-overlay';
@@ -295,7 +295,7 @@
const width = parseInt(img.getAttribute('data-original-width'));
const height = parseInt(img.getAttribute('data-original-height'));
positionPolaroid(polaroid, { width, height });
- loadOptimalThumbnail(img);
+ //loadOptimalThumbnail(img);
});
}