From f2f540b4298f547d31b10e0d3405cc181091b2c8 Mon Sep 17 00:00:00 2001
From: Aine <aine@etke.cc>
Date: Mon, 21 Oct 2024 13:27:32 +0300
Subject: [PATCH] fix footer content overlapping and scrollbar

---
 index.html                     |  5 +++++
 src/components/AdminLayout.tsx | 10 +++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e3a8097..9b2cbfc 100644
--- a/index.html
+++ b/index.html
@@ -22,6 +22,11 @@
         font-family: sans-serif;
       }
 
+      .layout {
+        min-height: 90vh !important;
+        height: 90vh;
+      }
+
       .loader-container {
         display: flex;
         align-items: center;
diff --git a/src/components/AdminLayout.tsx b/src/components/AdminLayout.tsx
index 36a5b7a..72fb788 100644
--- 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>
 );