From e04cda1cf21da09a0d162495687c95d92eb4efc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Thu, 10 Feb 2022 13:14:32 +0100
Subject: [PATCH] [ui] larger preview on detail

---
 webui/src/components/BrowseColumn.svelte        | 8 +++++++-
 webui/src/components/display/BlobPreview.svelte | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webui/src/components/BrowseColumn.svelte b/webui/src/components/BrowseColumn.svelte
index 1429c37..7d9b001 100644
--- a/webui/src/components/BrowseColumn.svelte
+++ b/webui/src/components/BrowseColumn.svelte
@@ -48,7 +48,13 @@
       disabled={only}
     />
   </header>
-  <Inspect {address} editable={editable || false} {index} on:resolved />
+  <Inspect
+    {address}
+    editable={editable || false}
+    {index}
+    --preview-height={detail ? "50vh" : "20em"}
+    on:resolved
+  />
 </div>
 
 <style lang="scss">
diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 0071e90..180ae12 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -114,12 +114,12 @@
   img,
   .text {
     width: 100%;
-    max-height: 25em;
+    max-height: var(--preview-height, 25em);
   }
 
   iframe {
     width: 100%;
-    min-height: 25em;
+    min-height: var(--preview-height, 25em);
   }
 
   .text {