[add] Footer /> to DefaultLayout />

[Fix] padding on content-wrapper
ijsto · Nov 15, 2019 · f8ca3b4 · f8ca3b4
1 parent 080e832
commit f8ca3b4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/layouts/DefaultLayout.js b/layouts/DefaultLayout.js
@@ -1,15 +1,18 @@
 import Header from "../components/Header";
+import Footer from "../components/Footer";
 
 const DefaultLayout = ({ children }) => (
   <>
     <Header />
     <div className="page-content-wrapper">
       <div className="page-content">{children}</div>
 
+      <Footer />
       <style jsx global>{`
         .page-content-wrapper {
           display: flex;
           justify-content: center;
+          padding-bottom: 300px;
         }
         .page-content {
           display: grid;

diff --git a/layouts/SingleBookLayout.js b/layouts/SingleBookLayout.js
@@ -25,6 +25,7 @@ const SingleBookLayout = ({ children }) => (
         .single-book-wrapper {
           display: flex;
           justify-content: center;
+          padding-bottom: 300px;
         }
         .single-book {
           display: grid;