From 68b1ed94ea12478ba202fcdfca03e1ca91b50f3e Mon Sep 17 00:00:00 2001
From: Garret Patti <42485635+garretpatti@users.noreply.github.com>
Date: Mon, 13 Apr 2026 10:53:05 -0400
Subject: [PATCH] fix vertical image clipping in viewer

---
 src/components/mixed/ImageLightbox.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/mixed/ImageLightbox.tsx b/src/components/mixed/ImageLightbox.tsx
index 2cd1111..50ef0fd 100644
--- a/src/components/mixed/ImageLightbox.tsx
+++ b/src/components/mixed/ImageLightbox.tsx
@@ -183,14 +183,14 @@ export default function ImageLightbox({ url, name, onClose, onPrev, onNext, item
       </div>
 
       {showTags ? (
-        <div className="flex gap-4 w-full flex-1 min-h-0 items-start overflow-hidden max-h-full">
+        <div className="flex gap-4 w-full flex-1 min-h-0 items-start overflow-hidden max-h-fit max-w-fit">
           {/* Image */}
-          <div className="w-full flex-1 min-h-0 flex items-center justify-center overflow-hidden max-h-screen relative">
+            <div className="w-full flex-1 min-w-0 min-h-0 h-full flex items-center justify-center overflow-hidden relative">
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img
               src={url}
               alt={name}
-              className="object-contain rounded-lg"
+              className="max-w-full max-h-full w-auto h-auto object-contain rounded-lg"
               onClick={(e) => e.stopPropagation()}
             />
             {onPrev && (