Optimiert das Styling in DiaryView.vue, indem die Bildgrößenanpassung auf viewport-basierte Einheiten umgestellt wird. Entfernt Margen und Polsterungen für eine bessere Darstellung der Bilder im Overlay.

2025-09-16 00:16:54 +02:00
parent ba4b56360d
commit 312f8f24ab
1 changed files with 8 additions and 4 deletions
--- 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 {