From f44c4e66a09b8db209444de686396e638e002beb Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Tue, 3 Jan 2023 22:33:19 +0100
Subject: [PATCH] change z indexes

---
 src/renderer/components/modal/modal.component.tsx               | 2 +-
 .../components/notification/notification-overlay.component.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/modal/modal.component.tsx b/src/renderer/components/modal/modal.component.tsx
index b74b8517..67027e9e 100644
--- a/src/renderer/components/modal/modal.component.tsx
+++ b/src/renderer/components/modal/modal.component.tsx
@@ -39,7 +39,7 @@ export function Modal() {
   return  (
       <AnimatePresence>
          {ModalComponent && (
-            <div className="top-0 absolute w-screen h-screen flex content-center items-center justify-center z-50">
+            <div className="top-0 absolute w-screen h-screen flex content-center items-center justify-center z-[90]">
                <motion.span key="modal-overlay" onClick={() => modalSevice.resolve({exitCode: ModalExitCode.NO_CHOICE})} className="absolute top-0 bottom-0 right-0 left-0 bg-black" initial={{opacity: 0}} animate={{opacity: ModalComponent && .60}} exit={{opacity: 0}} transition={{duration: .2}}/>
                <motion.div key="modal" initial={{y: "100vh"}} animate={{y: 0}} exit={{y: "100vh"}}>
                   <div className="relative p-4 text-gray-800 dark:text-gray-200 rounded-md shadow-lg shadow-black bg-gradient-to-br from-light-main-color-3 to-light-main-color-2 dark:from-main-color-3 dark:to-main-color-2">
diff --git a/src/renderer/components/notification/notification-overlay.component.tsx b/src/renderer/components/notification/notification-overlay.component.tsx
index f46e29ce..f60b79aa 100644
--- a/src/renderer/components/notification/notification-overlay.component.tsx
+++ b/src/renderer/components/notification/notification-overlay.component.tsx
@@ -11,7 +11,7 @@ export function NotificationOverlay() {
 
 
   return (
-    <ul className="absolute h-full w-0 top-0 right-0 z-40 pt-10">
+    <ul className="absolute h-full w-0 top-0 right-0 z-[100] pt-10">
         <AnimatePresence>
             {notifications?.map(n => <NotificationItem key={n.id} resolver={n.resolver} notification={n.notification}/>)}
         </AnimatePresence>