Adjust image height settings in ImageViewerDialog component for improved responsiveness. Updated max-height for desktop and mobile views to enhance user experience when viewing images.

2025-11-11 15:56:21 +01:00
parent 22e6913005
commit 2bf5c0137b
1 changed files with 2 additions and 2 deletions
--- a/frontend/src/components/ImageViewerDialog.vue
+++ b/frontend/src/components/ImageViewerDialog.vue
@@ -335,7 +335,7 @@ export default {

 .viewer-image {
  max-width: 100%;
-  max-height: 60vh;
+  max-height: 45vh;
  object-fit: contain;
  transition: transform 0.3s ease;
 }
@@ -497,7 +497,7 @@ export default {

@media (max-width: 768px) {
  .viewer-image {
-    max-height: 50vh;
+    max-height: 35vh;
  }

  .image-main {