fix: unclickable items in detail mode, fixes #57

webui/src/components/Inspect.svelte

@@ -8,7 +8,7 @@
   import Spinner from "./utils/Spinner.svelte";
   import NotesEditor from "./utils/NotesEditor.svelte";
   import type { AttributeChange } from "../types/base";
-  import type { ADDRESS_TYPE, EntityInfo } from "upend/types";
+  import type { EntityInfo } from "upend/types";
   import IconButton from "./utils/IconButton.svelte";
   import type { BrowseContext } from "../util/browse";
   import { Link, useParams } from "svelte-navigator";
@@ -21,6 +21,7 @@
   import { ATTR_IN, ATTR_LABEL, ATTR_KEY, ATTR_OF } from "upend/constants";
   import InspectGroups from "./InspectGroups.svelte";
   import InspectTypeEditor from "./InspectTypeEditor.svelte";
+
   const dispatch = createEventDispatcher();
   const params = useParams();
 
@@ -219,6 +220,7 @@
   }
 
   let identities = [address];
+
   function onResolved(ev: CustomEvent<string[]>) {
     identities = ev.detail;
     dispatch("resolved", ev.detail);
@@ -527,22 +529,19 @@
         justify-content: end;
       }
 
-      .blob-viewer {
-        width: 73%;
-        height: 100%;
-        position: absolute;
-        left: 1%;
-        top: 0;
-      }
-
-      .detail-col {
-        width: 25%;
-      }
-
       &.blob {
         .detail-col {
+          width: 25%;
           flex-grow: 0;
         }
+
+        .blob-viewer {
+          width: 73%;
+          height: 100%;
+          position: absolute;
+          left: 1%;
+          top: 0;
+        }
       }
     }
   }

webui/src/components/display/BlobViewer.svelte

@@ -11,6 +11,7 @@
   import api from "../../lib/api";
   import { createEventDispatcher } from "svelte";
   import { getTypes } from "../../util/mediatypes";
+
   const dispatch = createEventDispatcher();
 
   export let address: string;
@@ -82,7 +83,7 @@
   </div>
 {/if}
 
-<style scoped lang="scss">
+<style lang="scss">
   .preview {
     display: flex;
     align-items: center;