Update mui based layout ui

2023-11-28 10:26:14 -05:00
parent bfbdffdff5
commit 4e7f0136f7
14 changed files with 163 additions and 194 deletions
@@ -1,4 +1,6 @@
+import Box from '@mui/material/Box';
 import React, { useEffect } from 'react';
+import { DRAWER_WIDTH } from './ResponsiveDrawer';

 const Backdrop = () => {
    useEffect(() => {
@@ -8,7 +10,14 @@ const Backdrop = () => {

    return (
        <>
-            <div className='backdropContainer' />
+            <Box
+                className='backdropContainer'
+                sx={{
+                    left: {
+                        sm: DRAWER_WIDTH
+                    }
+                }}
+            />
            <div className='backgroundContainer' />
        </>
    );