commit f5de2f084d17c57cb566e744d8d3b3c8bef0b5ae parent d575f542752b08df10ff58427e385db98c07eaea Author: tanhengyeow <E0032242@u.nus.edu> Date: Mon, 8 Jun 2020 18:21:23 +0800 Add reusable footer component Diffstat:
| A | frontend/src/components/footer/Footer.less | | | 23 | +++++++++++++++++++++++ |
| A | frontend/src/components/footer/Index.tsx | | | 14 | ++++++++++++++ |
2 files changed, 37 insertions(+), 0 deletions(-)
diff --git a/frontend/src/components/footer/Footer.less b/frontend/src/components/footer/Footer.less @@ -0,0 +1,23 @@ +.footer { + position: absolute; + bottom: 0; + height: 4rem; + background: #1890ff; + width: 100vw; + display: flex; + flex-direction: column; + align-items: flex-end; + justify-content: center; +} + +.footer .text { + margin-left: 10px; + margin-right: 60px; + color: #ffffff; +} + +.copyright { + display: flex; + align-items: center; + color: #ffffff; +} diff --git a/frontend/src/components/footer/Index.tsx b/frontend/src/components/footer/Index.tsx @@ -0,0 +1,14 @@ +import * as React from 'react'; +import './Footer.less'; +import { CopyrightOutlined } from '@ant-design/icons'; + +const Footer = () => ( + <div className="footer"> + <div className="copyright"> + <CopyrightOutlined /> + <div className="text">Copyright</div> + </div> + </div> +); + +export default Footer;