From b542d7b737e727aec8240ddaa67c23288301cb83 Mon Sep 17 00:00:00 2001
From: Stephen Gordon <n00202054@iadt.ie>
Date: Thu, 28 Mar 2024 15:08:07 +0000
Subject: [PATCH] removed scaling and fixed overlay

---
 src/app/@drawer/(.)menu/page.tsx           |  2 +-
 src/app/components/Layouts/SheetLayout.tsx |  2 +-
 src/app/components/ui/drawer.tsx           | 12 +++++-------
 src/app/layout.tsx                         |  4 ++--
 4 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/app/@drawer/(.)menu/page.tsx b/src/app/@drawer/(.)menu/page.tsx
index 2c514a0..257609a 100644
--- a/src/app/@drawer/(.)menu/page.tsx
+++ b/src/app/@drawer/(.)menu/page.tsx
@@ -23,7 +23,7 @@ export default function Page() {
 
   return (
     <>
-      <Drawer shouldScaleBackground={true} open={isNavOpen}>
+      <Drawer shouldScaleBackground={false} open={isNavOpen}>
         <DrawerContent className='ios'>
           <SendNotification />
           <DrawerFooter>
diff --git a/src/app/components/Layouts/SheetLayout.tsx b/src/app/components/Layouts/SheetLayout.tsx
index c3ce990..f71b041 100644
--- a/src/app/components/Layouts/SheetLayout.tsx
+++ b/src/app/components/Layouts/SheetLayout.tsx
@@ -44,7 +44,7 @@ const SheetLayout = ({ children }) => {
         <Sheet.Backdrop onTap={() => dispatch(setSheet(false))} />
       </Sheet> */}
       <Drawer
-        shouldScaleBackground={true}
+        shouldScaleBackground={false}
         onClose={() => {
           dispatch(setSheet(false));
             window.history.pushState({}, '', '/home');
diff --git a/src/app/components/ui/drawer.tsx b/src/app/components/ui/drawer.tsx
index 97bc0ed..ff4e600 100644
--- a/src/app/components/ui/drawer.tsx
+++ b/src/app/components/ui/drawer.tsx
@@ -6,7 +6,7 @@ import { Drawer as DrawerPrimitive } from 'vaul';
 import { cn } from '@/lib/utils';
 
 const Drawer = ({
-  shouldScaleBackground = true,
+  shouldScaleBackground = false,
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
   <DrawerPrimitive.Root
@@ -28,12 +28,10 @@ const DrawerOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Overlay
     ref={ref}
-    style={{
-      backgroundImage: 'radial-gradient(transparent 30%, black)',
-      WebkitMaskImage:
-        '-webkit-radial-gradient(900px at center, transparent 30%, black)',
-    }}
-    className={cn('fixed inset-0 z-50  bg-black/80 transition-all duration-700', className)}
+    className={cn(
+      'fixed inset-0 z-50  bg-black/80 transition-all duration-300 ease-in-out ',
+      className
+    )}
     {...props}
   />
 ));
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3c7c9fe..6afb4a4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -180,8 +180,8 @@ export default function RootLayout({
                       <AnimatePresence mode='wait' initial={false}>
                         <LayoutGroup>
                           <div
-                            vaul-drawer-wrapper=''
-                            className='h-[100vh] text-gray-300'
+/*                             vaul-drawer-wrapper=''
+ */                            className=''
                           >
                             <div>{auth}</div>
                             <div>{drawer}</div>