From 312f8f24ab96af20207d7a26c618293d964d7d99 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Tue, 16 Sep 2025 00:16:54 +0200
Subject: [PATCH] =?UTF-8?q?Optimiert=20das=20Styling=20in=20DiaryView.vue,?=
 =?UTF-8?q?=20indem=20die=20Bildgr=C3=B6=C3=9Fenanpassung=20auf=20viewport?=
 =?UTF-8?q?-basierte=20Einheiten=20umgestellt=20wird.=20Entfernt=20Margen?=
 =?UTF-8?q?=20und=20Polsterungen=20f=C3=BCr=20eine=20bessere=20Darstellung?=
 =?UTF-8?q?=20der=20Bilder=20im=20Overlay.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/DiaryView.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index f41b2c1..0b975d9 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -1758,19 +1758,23 @@ img {
     position: fixed;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
+    width: 100vw;
+    height: 100vh;
     background: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1000;
+    margin: 0;
+    padding: 0;
 }
 
 .memberImage>img {
-    max-width: 90%;
-    max-height: 90%;
+    max-width: 90vw;
+    max-height: 90vh;
     object-fit: contain;
+    display: block;
+    margin: 0 auto;
 }
 
 .groups {