From 99a896ba7f2dde0850d15a844be29e4eff10a73b Mon Sep 17 00:00:00 2001
From: Omkar Lolge <omkarlolge@Omkars-MacBook-Air.local>
Date: Sun, 20 Oct 2024 23:14:18 +0530
Subject: [PATCH 1/2] fixed floaty footer

---
 src/App.jsx   |  8 +++-----
 src/index.css | 12 ++++++++++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 3e29dd2..74a3158 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -30,11 +30,10 @@ function App() {
   }, [isDarkMode]);
 
   return (
-    <div className={`d-flex flex-column ${isDarkMode ? 'dark' : ''}`}>
-      <Router>
+    <div id="parentLayout" className={`d-flex flex-column ${isDarkMode ? 'dark' : ''}`}>
+      <LoadingBar height={3} color="#f11946" progress={progress} />
+      <Router> 
         <Navbar />
-        <LoadingBar height={3} color="#f11946" progress={progress} />
-
         <main className="container flex-grow-1 mt-4">
           <Routes>
             <Route exact path="/" element={<Home />} />
@@ -55,7 +54,6 @@ function App() {
             <Route exact path="/auth/signup" element={<SignUp />} />
           </Routes>
         </main>
-
         <Footer />
       </Router>
     </div>
diff --git a/src/index.css b/src/index.css
index 6cdcb01..18aaf98 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,6 +4,11 @@
   box-sizing: border-box;
 }
 
+html, body, #root, #parentLayout{
+  height: 100vh;
+  width: 100vw;
+}
+
 body {
   background-color: rgba(228, 193, 129, 0.272);
 }
@@ -12,4 +17,11 @@ body {
   background-color: #2c2a2a;
   color: white;
   transition: 0.25s;
+}
+
+/* layout */
+
+#parentLayout{
+  display: grid;
+  grid-template-rows: auto 1fr auto;
 }
\ No newline at end of file

From 2930b2f1a8368314ad510637d70ffae42f2f2483 Mon Sep 17 00:00:00 2001
From: Omkar Lolge <omkarlolge@Omkars-MacBook-Air.local>
Date: Tue, 22 Oct 2024 11:08:03 +0530
Subject: [PATCH 2/2] requested changes fixed

---
 src/App.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.jsx b/src/App.jsx
index 74a3158..35465ef 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -31,9 +31,9 @@ function App() {
 
   return (
     <div id="parentLayout" className={`d-flex flex-column ${isDarkMode ? 'dark' : ''}`}>
-      <LoadingBar height={3} color="#f11946" progress={progress} />
       <Router> 
         <Navbar />
+        <LoadingBar height={3} color="#f11946" progress={progress} />
         <main className="container flex-grow-1 mt-4">
           <Routes>
             <Route exact path="/" element={<Home />} />