From be3b5fc8b35db398a606cef83c5dd86a1f4a2f33 Mon Sep 17 00:00:00 2001
From: TheEZIC <35061249+TheEZIC@users.noreply.github.com>
Date: Sun, 20 Mar 2022 21:04:12 +0300
Subject: [PATCH] Move footer to bottom

---
 src/App.tsx   | 56 ++++++++++++++++++++++++++-------------------------
 src/index.css |  7 +++++++
 2 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d7284a67..72a30fee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,33 +15,35 @@ export default function App() {
   return (
     <div className=".bp3-dark h-screen flex flex-col">
       <Nav />
-      <Switch>
-        <Route path="/" component={Dash} />
-        <Route path="/simple">
-          <SimWrapper>
-            <Simple />
-          </SimWrapper>
-        </Route>
-        <Route path="/advanced">
-          <SimWrapper>
-            <Advanced />
-          </SimWrapper>
-        </Route>
-        <Route path="/viewer/share/:id">
-          {(params) => <ViewerDash path={params.id} />}
-        </Route>
-        <Route path="/viewer">
-          <ViewerDash path="/" />
-        </Route>
-        <Route path="/db">
-          <DB />
-        </Route>
-        <Route>
-          <div className="m-2 text-center">
-            <Trans>src.this_page_is</Trans>
-          </div>
-        </Route>
-      </Switch>
+      <div className="content">
+        <Switch>
+          <Route path="/" component={Dash} />
+          <Route path="/simple">
+            <SimWrapper>
+              <Simple />
+            </SimWrapper>
+          </Route>
+          <Route path="/advanced">
+            <SimWrapper>
+              <Advanced />
+            </SimWrapper>
+          </Route>
+          <Route path="/viewer/share/:id">
+            {(params) => <ViewerDash path={params.id} />}
+          </Route>
+          <Route path="/viewer">
+            <ViewerDash path="/" />
+          </Route>
+          <Route path="/db">
+            <DB />
+          </Route>
+          <Route>
+            <div className="m-2 text-center">
+              <Trans>src.this_page_is</Trans>
+            </div>
+          </Route>
+        </Switch>
+      </div>
       <div className="w-full pt-4 pb-4 md:pl-4">
         <Footer />
       </div>
diff --git a/src/index.css b/src/index.css
index 81e9508b..6581ca49 100644
--- a/src/index.css
+++ b/src/index.css
@@ -20,6 +20,13 @@
 
 body {
   background-color: #293742;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
 }
 
 /* Chrome, Safari, Edge, Opera */