Scale lightbox image to fill viewport

2025-12-28 00:15:31 +09:00
parent 23c66952db
commit e8bfdd3306
1 changed files with 5 additions and 5 deletions
--- a/css/galleriffic-2.css
+++ b/css/galleriffic-2.css
@@ -205,14 +205,14 @@ div.navigation {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	padding: 24px;
+	padding: 12px;
 	box-sizing: border-box;
 }
 .lightbox-content img {
-	max-width: 95vw;
-	max-height: 95vh;
-	width: auto;
-	height: auto;
+	/* Fill the dark area as much as possible while keeping aspect ratio */
+	width: 98vw;
+	height: 98vh;
+	object-fit: contain;
 	border: 1px solid rgba(255, 255, 255, 0.2);
 	background: #000;
 }