From 8bbb4b40dc48dbdd01a52fcd733bfef1878700af Mon Sep 17 00:00:00 2001
From: Bereczki Sandor <bsandor453@gmail.com>
Date: Sun, 27 Jan 2019 15:00:54 +0100
Subject: [PATCH] Footer fix
Should be even better now.
---
public/index.html | 2 +-
src/components/App.js | 2 +-
src/components/Footer.js | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/public/index.html b/public/index.html
index c47259a..e1b4c45 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,7 +26,7 @@
<noscript>
You need to enable JavaScript to run this app.
</noscript>
- <div id="root"></div>
+ <div id="root" style="height: 100%"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
diff --git a/src/components/App.js b/src/components/App.js
index 395756a..5f20307 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -8,7 +8,7 @@ const App = () => (
<header id='header' >
<Header />
</header>
- <main id='main'>
+ <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
<Main />
</main>
<footer id='footer' style={{ position: 'absolute', width: '100%', bottom: '0' }}>
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 8721007..095cb76 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -5,7 +5,7 @@ import { Container, Segment } from 'semantic-ui-react';
const Footer = () => (
<Segment inverted vertical textAlign='center' >
<Container>
- <p textalign='center' >Created by DevTeam © 2017-2018.</p>
+ <p textalign='center' >Created by DevTeam © 2018-2019.</p>
</Container>
</Segment>
--
GitLab