Merge pull request #240 from Dataport/fix/image-visibility-in-chromiu…

…m-snowbox-example fix image visibility in chromium snowbox example
Dataport · Feb 20, 2025 · dd5bbe7 · dd5bbe7
2 parents de516a1 + 4b52184
commit dd5bbe7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/packages/clients/snowbox/src/html/index.html b/packages/clients/snowbox/src/html/index.html
@@ -70,10 +70,9 @@
       }
 
       #vuex-target-export-result {
-        width: 100%;
-        height: var(--map-height);
+        display: block;
+        width: 50%;
       }
-
     </style>
   </head>
   <body>
@@ -112,7 +111,7 @@ <h2>Example for programmatic information binding</h2>
     </p>
     <p>
       Map export:
-      <embed  id="vuex-target-export-result">
+      <img id="vuex-target-export-result">
     </p>
     <script type="module" src="./client-snowbox.js"></script>
     <script>

diff --git a/packages/clients/snowbox/src/index.html b/packages/clients/snowbox/src/index.html
@@ -70,10 +70,9 @@
       }
 
       #vuex-target-export-result {
-        width: 100%;
-        height: var(--map-height);
+        display: block;
+        width: 50%;
       }
-
     </style>
   </head>
   <body>
@@ -113,7 +112,7 @@ <h2>Example for programmatic information binding</h2>
     </p>
     <p>
       Map export:
-      <embed  id="vuex-target-export-result">
+      <img id="vuex-target-export-result">
     </p>
     <script type="module" src="./polar-client.ts"></script>
     <script>