From 32e7ab88303bbaf0de1d006993160d78fcd0f609 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Wed, 15 Feb 2023 00:15:42 +0800
Subject: [PATCH] Hotfix to allow pages to scroll

---
 src/components/Container/Container.tsx |  7 +++----
 src/routes/Dashboard/Dashboard.tsx     | 10 ++++------
 src/styles.tsx                         | 11 +++++++----
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/components/Container/Container.tsx b/src/components/Container/Container.tsx
index 942785a..0d2e182 100644
--- a/src/components/Container/Container.tsx
+++ b/src/components/Container/Container.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import Sidebar from "../Sidebar/Sidebar";
+import styles from "../../styles";
 
 export interface props {
   children: React.ReactNode;
@@ -8,13 +9,11 @@ export interface props {
 export default function Container(props: props) {
   return (
     <div>
-      <div style={{ display: "flex", flexDirection: "row" }}>
-        <div style={{ width: "85%", position: "fixed", left: "15%" }}>
-          {props.children}
-        </div>
+      <div>
         <div style={{ width: "15%", position: "fixed" }}>
           <Sidebar />
         </div>
+        <div style={styles.route_wrapper}>{props.children}</div>
       </div>
     </div>
   );
diff --git a/src/routes/Dashboard/Dashboard.tsx b/src/routes/Dashboard/Dashboard.tsx
index 143602f..986e073 100644
--- a/src/routes/Dashboard/Dashboard.tsx
+++ b/src/routes/Dashboard/Dashboard.tsx
@@ -5,12 +5,10 @@ import styles from "../../styles";
 
 export default function Dashboard() {
   return (
-    <div style={styles.background}>
-      <div style={styles.container}>
-        <AppLogo size={64} color="#6f9b78" />
-        <p style={styles.text}>Ivy - Inventory Manager</p>
-        <p style={styles.text}>Welcome to the Dashboard</p>
-      </div>
+    <div style={styles.container}>
+      <AppLogo size={64} color="#6f9b78" />
+      <p style={styles.text}>Ivy - Inventory Manager</p>
+      <p style={styles.text}>Welcome to the Dashboard</p>
     </div>
   );
 }
diff --git a/src/styles.tsx b/src/styles.tsx
index 6dec1a1..a2a7f5f 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -1,14 +1,17 @@
 const styles: { [key: string]: React.CSSProperties } = {
-  background: {
+  route_wrapper: {
+    width: "85%",
+    position: "fixed",
+    left: "15%",
+    overflowY: "scroll",
+    height: "100%",
     backgroundColor: "#0b2322",
-    display: "flex",
-    flexDirection: "column",
-    height: "100vh",
   },
   container: {
     display: "flex",
     flexDirection: "column",
     flex: 1,
+    height: "100%",
     alignItems: "center",
     paddingTop: 32,
   },