feat: added Navbar.tsx and Navbar.css and logo.png

MatejFrnka · Feb 6, 2024 · bac5e56 · bac5e56
1 parent 254454e
commit bac5e56
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/frontend/sportsmatch-app/src/assets/logo.png b/frontend/sportsmatch-app/src/assets/logo.png
diff --git a/frontend/sportsmatch-app/src/components/Navbar.tsx b/frontend/sportsmatch-app/src/components/Navbar.tsx
@@ -1,13 +1,15 @@
-import { FaMailBulk } from 'react-icons/fa'
+import '../styles/Navbar.css'
 
 function Navbar() {
   return (
-    <nav>
+    <nav className={"nav"}>
       <div className="logo">
-        <FaMailBulk />
-        <span>SportsMingle</span>
+        <a href="/">
+          <img className="logo-png" src="src\assets\logo.png" alt="SportMingle logo" />
+        </a>
       </div>
     </nav>
   )
 }
+
 export default Navbar
diff --git a/frontend/sportsmatch-app/src/styles/Navbar.css b/frontend/sportsmatch-app/src/styles/Navbar.css
@@ -0,0 +1,12 @@
+.logo-png{
+  width: 110px;
+  margin-left: 17px;
+  margin-top: 16px;
+}
+
+nav{
+  width: 330px;
+  height: 60px;
+  background: #fff;
+  border-radius: 10px;
+}