[CSS] Sticky Footer

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 9a0fc52ba4a3e66afb5e27fd721069f2b3598083..fd29e756a0076cdb8ad7dc7ca9d4c4cc61a0fc97 100644 (file)
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -148,3 +148,13 @@ hr {
   overflow: hidden;
   text-overflow: ellipsis
 }
+
+#app {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.fl-1 {
+  flex: 1;
+}
\ No newline at end of file

diff --git a/ui/src/index.tsx b/ui/src/index.tsx
index 41404f4ba6489ea5c93459bd9dc458136b519072..5eeb3038b13380a561a74f79fcf0ba0820c114da 100644 (file)
--- a/ui/src/index.tsx
+++ b/ui/src/index.tsx
@@ -36,7 +36,7 @@ class Index extends Component<any, any> {
       <Provider i18next={i18n}>
         <BrowserRouter>
           <Navbar />
-          <div class="mt-4 p-0">
+          <div class="mt-4 p-0 fl-1">
             <Switch>
               <Route exact path={`/`} component={Main} />
               <Route