fix footer content overlapping and scrollbar

2024-10-21 13:27:32 +03:00
parent 7feec4ba07
commit f2f540b429
2 changed files with 14 additions and 1 deletions
--- a/src/components/AdminLayout.tsx
+++ b/src/components/AdminLayout.tsx
@@ -64,7 +64,15 @@ const AdminMenu = () => (
 );

 export const AdminLayout = ({ children }) => (
-  <Layout appBar={AdminAppBar} menu={AdminMenu}>
+  <Layout appBar={AdminAppBar} menu={AdminMenu} sx={{
+      ['& .RaLayout-appFrame']: {
+        minHeight: '90vh',
+        height: '90vh',
+      },
+      ['& .RaLayout-content']: {
+        marginBottom: '3rem',
+      },
+    }}>
    {children}
  </Layout>
 );