From 0e71379e521d4131e678fe96ab196e78887f6a33 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Tue, 21 May 2024 21:41:40 +1000
Subject: [PATCH] fix: drag cover hiding text

---
 src/interface/components/ThemeSelector.tsx | 2 +-
 src/interface/pages/SettingsPage.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/interface/components/ThemeSelector.tsx b/src/interface/components/ThemeSelector.tsx
index d604e124..afc6adee 100644
--- a/src/interface/components/ThemeSelector.tsx
+++ b/src/interface/components/ThemeSelector.tsx
@@ -194,7 +194,7 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
       onDragLeave={handleDragLeave} 
       onDrop={handleDrop}
       >
-      <div className={`${isDragging ? 'opacity-90' : 'opacity-0'} transition absolute w-full h-full p-2 z-50`}>
+      <div className={`${isDragging ? 'opacity-90' : 'opacity-0'} transition pointer-events-none absolute w-full h-full p-2 z-50`}>
         <div className='w-full h-full shadow-xl bg-black/60 rounded-xl'>
           <div className='flex items-center justify-center w-full h-full'>
             <div className='flex flex-col items-center justify-center'>
diff --git a/src/interface/pages/SettingsPage.tsx b/src/interface/pages/SettingsPage.tsx
index b7bdc2f8..b70c27dc 100644
--- a/src/interface/pages/SettingsPage.tsx
+++ b/src/interface/pages/SettingsPage.tsx
@@ -32,7 +32,7 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
 
   return (
     <SettingsContextProvider>
-      <ToastContainer />
+      <ToastContainer stacked toastStyle={{ borderRadius: '16px' }} draggable theme={document.body.classList.contains('dark') ? 'dark' : 'light'} />
       <div className={`flex flex-col w-[384px] shadow-2xl gap-2 bg-white ${ standalone ? 'h-[600px]' : 'h-[100vh] rounded-xl' } overflow-clip dark:bg-zinc-800 dark:text-white`}>
         <div className="grid border-b border-b-zinc-200/40 place-items-center">
           <img src={logo} className="w-4/5 dark:hidden" />