diff options
Diffstat (limited to 'frontend/src/components/footer')
-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; |