From 09f212482f7b5250ee77c96014240f4d09b4a445 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20A?=
 <99315183+agustinhangulo@users.noreply.github.com>
Date: Mon, 5 Feb 2024 12:56:44 -0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20dialog=20component=20over?=
 =?UTF-8?q?lay=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/Dialog.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Dialog.svelte b/src/lib/components/Dialog.svelte
index 228012c..d10d393 100644
--- a/src/lib/components/Dialog.svelte
+++ b/src/lib/components/Dialog.svelte
@@ -14,7 +14,7 @@
 
 <div use:melt={$portalled}>
   {#if $open}
-    <div use:melt={$overlay} class="" transition:fade={{ duration: 150 }} />
+    <div use:melt={$overlay} class="overlay" transition:fade={{ duration: 150 }} />
     <div use:melt={$content} transition:fade={{ duration: 100 }} class="content">
       <h2 use:melt={$titleElement}>{title}</h2>
       <slot />
@@ -45,4 +45,10 @@
       margin: 24px 16px 0 16px;
     }
   }
+
+  .overlay {
+    position: fixed;
+    inset: 0;
+    background-color: rgba(0, 0, 0, 0.7);
+  }
 </style>