Tidy up builder preview iframe

6 years ago · df37177239
2 changed files with 7 additions and 12 deletions
--- a/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte
+++ b/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte
@ -69,13 +69,11 @@
 </script>
 <div class="component-container">
-  {#if $currentAsset}
+  <iframe
-    <iframe
+    style="height: 100%; width: 100%"
-      style="height: 100%; width: 100%"
+    title="componentPreview"
-      title="componentPreview"
+    bind:this={iframe}
-      bind:this={iframe}
+    srcdoc={iframeTemplate} />
      srcdoc={iframeTemplate} />
  {/if}
 </div>
 <style>
--- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.html
+++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.html
@ -1,12 +1,11 @@
 <html>
  <head>
    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono">
    <style>
      body, html {
        height: 100% !important;
-        font-family: Inter !important;
+        font-family: Inter, sans-serif !important;
-        margin: 0px !important;
+        margin: 0 !important;
      }
      *, *:before, *:after {
        box-sizing: border-box;
@ -35,8 +34,6 @@
        }
      }
      let selectedComponentStyle
      // Ignore clicks
      ["click", "mousedown"].forEach(type => {
        document.addEventListener(type, function(e) {