From 3f9ce3991c639a157bb6a9458d42f1d20018839f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Thu, 24 Aug 2023 08:28:30 +0200
Subject: [PATCH] fix: (loading) image overflow

---
 webui/src/components/display/BlobPreview.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 6ca261a..559aa32 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -164,6 +164,7 @@
       display: flex;
       min-height: 0;
       flex-grow: 1;
+      justify-content: center;
     }
   }
 
@@ -177,6 +178,7 @@
   .image {
     display: flex;
     min-height: 0;
+    min-width: 0;
 
     justify-content: center;
 
@@ -187,7 +189,9 @@
       &:not(.loaded) {
         flex-grow: 1;
         height: 6rem;
+        max-height: 100%;
         width: 100%;
+        min-width: 0;
       }
     }
   }
@@ -215,6 +219,7 @@
     flex-grow: 1;
     min-height: 0;
     width: 100%;
+    min-width: 0;
 
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -231,6 +236,7 @@
       justify-content: end;
       list-style: none;
       min-height: 0;
+      min-width: 0;
     }
   }
 </style>