From ed0bbc3c753a34f8973fd6cd97f8ded71d7d47e5 Mon Sep 17 00:00:00 2001
From: jbc-af <jbc@auto-fruit.com>
Date: Sat, 14 Nov 2026 18:36:16 +1300
Subject: [PATCH] [UI] Size the detail image modal to the viewport (#13264)

Clicking a detail image opened it at Mantine's default modal width
(about 440 px), so a large image was shown no bigger than the preview.
Open the modal at 90vw and cap the image at 85vh so it fits the window.

Fixes #13252

Co-authored-by: jbc-af <jbc@autofruit.com>
Co-authored-by: Oliver <oliver.henry.walters@gmail.com>
---
 src/frontend/src/components/details/DetailsImage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/details/DetailsImage.tsx b/src/frontend/src/components/details/DetailsImage.tsx
index 5c13e9c2bf..2f5a964c71 100644
--- a/src/frontend/src/components/details/DetailsImage.tsx
+++ b/src/frontend/src/components/details/DetailsImage.tsx
@@ -430,7 +430,8 @@ export function DetailsImage(props: Readonly<DetailImageProps>) {
   const expandImage = (event: any) => {
     cancelEvent(event);
     modals.open({
-      children: <ApiImage src={img} thumbnail={props.thumbnail} />,
+      children: <ApiImage src={img} thumbnail={props.thumbnail} mah='85vh' />,
+      size: '90vw',
       withCloseButton: false
     });
   };