From 5433cf8e4181d90933cc0674e049e9b8f55520a1 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Thu, 24 Oct 2024 04:01:29 +0300
Subject: [PATCH] fix drawer on mobile

---
 src/components/Drawer/Drawer.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index 2e545cd..0296088 100644
--- a/src/components/Drawer/Drawer.tsx
+++ b/src/components/Drawer/Drawer.tsx
@@ -11,6 +11,7 @@ import ListItemText from '@mui/material/ListItemText';
 import InboxIcon from '@mui/icons-material/MoveToInbox';
 import MailIcon from '@mui/icons-material/Mail';
 import CloseIcon from '@mui/icons-material/Close';
+import { isMobile } from '../../App';
 export const DrawerComponent = ({open, setOpen, children}) => {
 
   const toggleDrawer = (newOpen: boolean) => () => {
@@ -21,7 +22,7 @@ export const DrawerComponent = ({open, setOpen, children}) => {
   return (
     <div>
       <Drawer open={open} onClose={toggleDrawer(false)}>
-      <Box sx={{ width: 400, height: '100%' }} role="presentation">
+      <Box sx={{ width: isMobile ? '100vw' : '400px', height: '100%' }} role="presentation">
      
       {children}
     </Box>