diff options
author | tanhengyeow <E0032242@u.nus.edu> | 2020-06-08 18:21:23 +0800 |
---|---|---|
committer | tanhengyeow <E0032242@u.nus.edu> | 2020-06-08 18:21:23 +0800 |
commit | f5de2f084d17c57cb566e744d8d3b3c8bef0b5ae (patch) | |
tree | 9cfb9d8c86e522b3f48ea3baeec7d6e5c05a9735 | |
parent | d575f542752b08df10ff58427e385db98c07eaea (diff) | |
download | libeufin-f5de2f084d17c57cb566e744d8d3b3c8bef0b5ae.tar.gz libeufin-f5de2f084d17c57cb566e744d8d3b3c8bef0b5ae.tar.bz2 libeufin-f5de2f084d17c57cb566e744d8d3b3c8bef0b5ae.zip |
Add reusable footer component
-rw-r--r-- | frontend/src/components/footer/Footer.less | 23 | ||||
-rw-r--r-- | 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 new file mode 100644 index 00000000..bb0adcfd --- /dev/null +++ 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 new file mode 100644 index 00000000..2f2c2ca7 --- /dev/null +++ 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; |