Add basic nav bar styling

2020-10-14 21:02:07 +11:00
parent 60d37643c5
commit 7c768a462b
5 changed files with 234 additions and 19 deletions
--- a/web/src/components/Svg/Svg.js
+++ b/web/src/components/Svg/Svg.js
@@ -0,0 +1,17 @@
+const Svg = ({name, className: className2}) => {
+
+  const svgs = {
+    "plus-circle": <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1} d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>,
+    "plus":<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
+    </svg>,
+  }
+
+  return <div className={"h-10 w-10 " + className2}>
+    {svgs[name]}
+  </div>
+}
+
+export default Svg