From db5acfa0756a3849d3417954cf7221b0f40daab8 Mon Sep 17 00:00:00 2001
From: Stephen Gordon <n00202054@iadt.ie>
Date: Wed, 14 Feb 2024 13:13:27 +0000
Subject: [PATCH] added router to scanner

---
 src/app/home/page.tsx | 18 ++++++++++--------
 src/app/layout.tsx    |  8 +-------
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index 7e59d01..4b8cc8b 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -60,7 +60,7 @@ export default function Page() {
 
   return (
     <div id='render'>
-      <div className='blurios p-4 pt-40'>
+      <div className=' p-4 pt-40'>
         <div className='items-center text-center text-5xl'>
           <Balance />
         </div>
@@ -111,13 +111,15 @@ export default function Page() {
             </Tab.Panels>
           </Tab.Group>
         </div>
-        {scanResult ? (
-          <p>success</p>
-        ) : (
-          <div id='reader' style={{ width: '300px' }}>
-            Scanner
-          </div>
-        )}
+        <div className='absolute z-50'>
+          {scanResult ? (
+            <p>success</p>
+          ) : (
+            <div id='reader' style={{ width: '300px' }}>
+              Scanner
+            </div>
+          )}
+        </div>
       </div>
     </div>
   );
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8484672..6e2e614 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -284,13 +284,7 @@ export default function RootLayout({
                 {/* <div className='items absolute -z-50 flex h-screen w-screen content-center items-center justify-center '>
                   <div className='bg-purple h-1/2 w-1/2 rounded-full'></div>
                 </div> */}
-                <main
-                  style={{
-                    backgroundColor: 'rgba(16, 16, 18, 0.9)',
-                    backdropFilter: 'blur(100px) saturate(1000%)',
-                  }}
-                  className='blurios bg-dark/90 h-screen w-screen text-gray-300'
-                >
+                <main className=' bg-dark/90 h-screen w-screen text-gray-300'>
                   {children}
                 </main>
               </QueryClientProvider>