Make slideshow height fill viewport

This commit is contained in:
dsyoon
2025-12-27 15:57:41 +09:00
parent b281ea9864
commit 72d0eafd9e

View File

@@ -28,8 +28,8 @@ div.nav-controls {
div.slideshow-container { div.slideshow-container {
position: relative; position: relative;
clear: both; clear: both;
/* Constrain slideshow to a single-screen friendly box */ /* Fill available screen height more aggressively on large displays */
height: 700px; height: clamp(700px, calc(100vh - 220px), 980px);
max-width: 1100px; max-width: 1100px;
} }
div.loader { div.loader {
@@ -67,7 +67,7 @@ div.slideshow img {
vertical-align: middle; vertical-align: middle;
border: 1px solid #ccc; border: 1px solid #ccc;
max-width: 100%; max-width: 100%;
max-height: 500px; max-height: 100%;
height: auto; height: auto;
} }
div.download { div.download {