From 7575e34f8b634f8fcef39807e5874ab7f565480f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Thu, 18 Jun 2026 00:23:38 +0200
Subject: [PATCH] style: inset lightbox image with a small dim margin

Cap the fullscreen image at 96vh/96vw so a thin dim margin frames the
white image instead of bleeding to the viewport edges.
---
 src/components/ImageLightbox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ImageLightbox.vue b/src/components/ImageLightbox.vue
index 644de05..bd63792 100644
--- a/src/components/ImageLightbox.vue
+++ b/src/components/ImageLightbox.vue
@@ -48,7 +48,7 @@ watch(isOpen, (value) => {
       v-if="src"
       :src="src"
       :alt="alt"
-      class="max-h-[100vh] max-w-[100vw] rounded-lg bg-white p-3 cursor-zoom-out"
+      class="max-h-[96vh] max-w-[96vw] rounded-lg bg-white p-3 cursor-zoom-out"
     />
   </dialog>
 </template>