add devmode and padding to iframe

OpenZeppelin · Dec 4, 2024 · d1d243b · d1d243b
1 parent d0e8cd1
commit d1d243b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ui/src/DefenderDeployModal.svelte b/packages/ui/src/DefenderDeployModal.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import { fly } from 'svelte/transition';
 
+  const devMode = window.location.href.includes('localhost');
+
   export let isOpen = false;
 
   let loaded = false;
@@ -25,8 +27,8 @@
       <iframe
         id="defender-deploy"
         title="Defender Deploy"
-        src="https://defender-deploy-wizard.netlify.app/"
-        class={`flex-grow border-none ${!loaded ? 'hidden' : ''}`}
+        src={devMode ? 'http://localhost:5173' : 'https://defender-deploy-wizard.netlify.app/'}
+        class={`flex-grow border-none mt-12 ${!loaded ? 'hidden' : ''}`}
         on:load={handleLoad}
       />
     </div>