From 495184bff7a53eb577a7a700e84d1e83c01c6d59 Mon Sep 17 00:00:00 2001
From: bluecco <bluecco@gmail.com>
Date: Fri, 29 Dec 2023 16:24:43 +0100
Subject: [PATCH] fix: add part attribute for starknetkit modal for css
 override

---
 src/main.ts            | 2 +-
 src/modal/Modal.svelte | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main.ts b/src/main.ts
index cc2be13..d7a752b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -85,7 +85,7 @@ export const connect = async ({
   })
 
   const getTarget = (): ShadowRoot => {
-    const modalId = "starknetkit-modal"
+    const modalId = "starknetkit-modal-container"
     const existingElement = document.getElementById(modalId)
 
     if (existingElement) {
diff --git a/src/modal/Modal.svelte b/src/modal/Modal.svelte
index c0d562d..e8f2343 100644
--- a/src/modal/Modal.svelte
+++ b/src/modal/Modal.svelte
@@ -71,6 +71,7 @@
 {#if !isInAppBrowser && modalWallets.length > 1}
   <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
+    part="starknetkit-modal"
     class={`modal-font backdrop-blur-sm fixed inset-0 flex items-center 
             justify-center bg-black/25 z-[9999] ${darkModeControlClass}`}
     on:click={() => cb(null)}