From 7f1b7bbf8369537ba2e0d3342510da9596149d93 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 6 Mar 2026 10:25:31 +0000
Subject: [PATCH] Adjust gallery lightbox to display full images without
 cropping

Update the image display in the gallery lightbox to use `object-contain` and adjust container size to prevent cropping, ensuring full images are visible.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e3bc7997-6f11-45f3-ac2e-cfc4a9e4715b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/nlGTLC9
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/photo-gallery.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/photo-gallery.tsx b/client/src/components/photo-gallery.tsx
index cf4a6d5..a6198e1 100644
--- a/client/src/components/photo-gallery.tsx
+++ b/client/src/components/photo-gallery.tsx
@@ -123,11 +123,11 @@ function Lightbox({
         <ChevronRight className="w-10 h-10" />
       </button>
 
-      <div className="w-[85vh] h-[85vh] max-w-[95vw] max-h-[95vw] flex items-center justify-center" onClick={(e) => e.stopPropagation()}>
+      <div className="max-w-[90vw] max-h-[85vh] flex items-center justify-center" onClick={(e) => e.stopPropagation()}>
         <img
           src={current.large}
           alt={current.artist || current.fileName}
-          className="w-full h-full object-cover rounded-lg"
+          className="max-w-full max-h-[85vh] object-contain rounded-lg"
           data-testid="img-lightbox"
         />
       </div>