From ccf41046d67be64712db735bfa3d084fa68ef9f8 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 2 Oct 2020 12:22:34 +0100
Subject: [PATCH] Add wide prop for modals

---
 packages/builder/src/components/common/Modal/Modal.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/common/Modal/Modal.svelte b/packages/builder/src/components/common/Modal/Modal.svelte
index dd6c6615fd..802297d728 100644
--- a/packages/builder/src/components/common/Modal/Modal.svelte
+++ b/packages/builder/src/components/common/Modal/Modal.svelte
@@ -15,6 +15,8 @@
   import { ContextKey } from "./context"
   const dispatch = createEventDispatcher()
 
+  export let wide
+
   let visible
 
   export function show() {
@@ -47,7 +49,7 @@
         on:click|self={hide}
         transition:fly={{ y: 100 }}>
         <div class="content-wrapper" on:click|self={hide}>
-          <div class="content">
+          <div class="content" class:wide>
             <slot />
           </div>
         </div>
@@ -108,4 +110,7 @@
     gap: var(--spacing-xl);
     padding: var(--spacing-xl);
   }
+  .content.wide {
+    flex: 0 0 600px;
+  }
 </style>