[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>
This commit is contained in:
authored and GitHub committed 2026-11-14 16:36:16 +11:00
1 parent 0aa364dea3
commit ed0bbc3c75
1 file changed
+2 -1
@@ -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
});
};