diff --git a/src/components/HomeFooter/index.tsx b/src/components/Footer/index.tsx similarity index 82% rename from src/components/HomeFooter/index.tsx rename to src/components/Footer/index.tsx index ad565eb..99f50ec 100644 --- a/src/components/HomeFooter/index.tsx +++ b/src/components/Footer/index.tsx @@ -3,9 +3,9 @@ import packageJson from "../../../package.json" import { Container } from "../Container" import * as SC from "./styles" -export const HomeFooter: FC = () => { +export const Footer: FC = () => { return ( - +

© {new Date().getFullYear()}, Built with @@ -14,6 +14,6 @@ export const HomeFooter: FC = () => { GitHub

-
+ ) } diff --git a/src/components/HomeFooter/styles.tsx b/src/components/Footer/styles.tsx similarity index 81% rename from src/components/HomeFooter/styles.tsx rename to src/components/Footer/styles.tsx index 4e582d2..5153b10 100644 --- a/src/components/HomeFooter/styles.tsx +++ b/src/components/Footer/styles.tsx @@ -1,6 +1,8 @@ import styled from "styled-components" -export const HomeFooterWrapper = styled.footer` +export const FooterWrapper = styled.footer` + margin-top: 128px; + & a { display: inline; color: #0090d8; diff --git a/src/layouts/ColumnLayout/index.tsx b/src/layouts/ColumnLayout/index.tsx index 3b4c00f..379a9f2 100644 --- a/src/layouts/ColumnLayout/index.tsx +++ b/src/layouts/ColumnLayout/index.tsx @@ -1,5 +1,6 @@ import React, { FC, Fragment } from "react" +import { Footer } from "../../components/Footer" import { MobileHeader } from "../../components/MobileHeader" import { GlobalStyles } from "../../globalStyles" import { useLockBodyScroll } from "../../hooks/useLockBodyScroll" @@ -39,7 +40,10 @@ const InnerColumnLayout: FC = ({ {title} {sidebar({ className: openOnMobile ? "is-open" : "" })} - {content} + + {content} +