feat(component): Replicate currect footer icons

ref: #18 #34
nofusscomputing · Dec 11, 2024 · 955ebae · 955ebae
1 parent 1fb3bb1
commit 955ebae
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git 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">&nbsp;</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
@@ -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;
+
 }