ncue/dreamgirl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scale lightbox image to fill viewport

Browse Source
This commit is contained in:
dsyoon
2025-12-28 00:15:31 +09:00
parent 23c66952db
commit e8bfdd3306
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/galleriffic-2.css
View File

@@ -205,14 +205,14 @@ div.navigation {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 24px; padding: 12px;
box-sizing: border-box; box-sizing: border-box;
} }
.lightbox-content img { .lightbox-content img {
max-width: 95vw; /* Fill the dark area as much as possible while keeping aspect ratio */
max-height: 95vh; width: 98vw;
width: auto; height: 98vh;
height: auto; object-fit: contain;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
background: #000; background: #000;
} }