From 955ebaea370ccd3df5ef8476298a30434a0d9332 Mon Sep 17 00:00:00 2001 From: Jon <jonathon.lockwood@networkedweb.com> Date: Wed, 11 Dec 2024 12:01:47 +0930 Subject: [PATCH] feat(component): Replicate currect footer icons ref: #18 #34 --- src/components/page/Footer.jsx | 9 +++++++-- src/index.css | 13 ++++++++++++- 2 files changed, 19 insertions(+), 3 deletions(-) diff --git a/src/components/page/Footer.jsx b/src/components/page/Footer.jsx index 07fc5d93..fce98029 100644 --- a/src/components/page/Footer.jsx +++ b/src/components/page/Footer.jsx @@ -72,9 +72,14 @@ const Footer = ({ } - return ( + return ( <footer> - <div className="column left"> </div> + <div className="column left footer-icons"> + <a href="https://nofusscomputing.com/projects/centurion_erp/" target="_blank"><IconLoader name = 'documentation' /></a> + <a href="/api/v2" target="_blank"><IconLoader name = 'webhook' /></a> + <a href="/api/v2/docs" target="_blank"><IconLoader name = 'swagger_docs' /></a> + <a href="https://github.com/nofusscomputing/centurion_erp" target="_blank"><IconLoader name = 'git' /></a> + </div> <div className="column center">Centurion ERP brought to you by <a href="https://nofusscomputing.com" target="new">No Fuss Computing</a></div> <div className="column right">{api_version}<br />{ui_version}</div> </footer> diff --git a/src/index.css b/src/index.css index 6c26389b..a5df0a2f 100644 --- a/src/index.css +++ b/src/index.css @@ -1644,7 +1644,18 @@ footer .column { footer .left { display: block; - align-items: center; + align-items: left; + text-align: left; + padding-left: 10px; +} + +footer .footer-icons svg { + + fill: var(--contrasting-colour); + height: 30px; + width: 30px; + margin: 0px 3px; + }