Make slideshow height fill viewport

2025-12-27 15:57:41 +09:00
parent b281ea9864
commit 72d0eafd9e
1 changed files with 3 additions and 3 deletions
--- a/css/galleriffic-2.css
+++ b/css/galleriffic-2.css
@@ -28,8 +28,8 @@ div.nav-controls {
 div.slideshow-container {
 	position: relative;
 	clear: both;
-	/* Constrain slideshow to a single-screen friendly box */
-	height: 700px;
+	/* Fill available screen height more aggressively on large displays */
+	height: clamp(700px, calc(100vh - 220px), 980px);
 	max-width: 1100px;
 }
 div.loader {
@@ -67,7 +67,7 @@ div.slideshow img {
 	vertical-align: middle;
 	border: 1px solid #ccc;
 	max-width: 100%;
-	max-height: 500px;
+	max-height: 100%;
 	height: auto;
 }
 div.download {