Fix main layout scroll

LinuzJ · Nov 11, 2023 · cdfbd3a · cdfbd3a
1 parent f8a9bb7
commit cdfbd3a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/dance-app/src/components/Drawer.tsx b/dance-app/src/components/Drawer.tsx
@@ -11,18 +11,22 @@ interface DrawerProps {
 
 const useStyles = makeStyles(() => ({
   box: {
+    position: "absolute",
+    top: 0,
+    left: 0,
     display: "flex",
-    height: "100vh",
     width: "100vw",
     alignItems: "center",
     // justifyContent: "center",
     flexDirection: "column",
+    zIndex: "9",
   },
   buttons: {
     backgroundColor: "white",
     margin: "0.3rem",
   },
   drawerItems: {
+    marginTop: 10,
     flexBasis: "100%",
     display: "flex",
     justifyContent: "space-between",

diff --git a/dance-app/src/layouts/MainDrawerLayout.tsx b/dance-app/src/layouts/MainDrawerLayout.tsx
@@ -9,20 +9,14 @@ type MainDrawerLayoutProps = {
 
 const useStyles = makeStyles(() => ({
   root: {
+    position: "relative",
     display: "flex",
     height: "100vh",
     width: "100vw",
     alignItems: "center",
-    marginTop: "0.5rem",
     // justifyContent: "center",
     flexDirection: "column",
   },
-  header: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "start",
-    height: "12vh", // 10% of the screen height
-  },
 }));
 
 const MainDrawerLayout = ({ children }: MainDrawerLayoutProps) => {

diff --git a/dance-app/src/sections/recording.tsx b/dance-app/src/sections/recording.tsx
@@ -12,6 +12,7 @@ import { makeStyles } from "@mui/styles";
 
 const useStyles = makeStyles(() => ({
   backButton: {
+    marginTop: "10px!important",
     zIndex: "10",
   },
 }));