From d1d243b47a222c4e4c228db0071b9fa7fc9360aa Mon Sep 17 00:00:00 2001
From: Marcos <marcoscarlomagno1@gmail.com>
Date: Wed, 4 Dec 2024 18:15:29 -0300
Subject: [PATCH] add devmode and padding to iframe

---
 packages/ui/src/DefenderDeployModal.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/DefenderDeployModal.svelte b/packages/ui/src/DefenderDeployModal.svelte
index 80af451d..4ae511fc 100644
--- 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>