create router in app , and format style #40

GSG-G10 · Nov 7, 2021 · f506223 · f506223
1 parent 8358748
commit f506223
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 21 deletions.
diff --git a/client/src/App.js b/client/src/App.js
@@ -1,6 +1,15 @@
+import { BrowserRouter as Router } from 'react-router-dom';
+import NavBar from './components/Navbar';
+
 function App() {
   return (
-    <div className="App" />
+    <div className="App">
+
+      <Router>
+        <NavBar />
+
+      </Router>
+    </div>
 
   );
 }

diff --git a/client/src/components/Navbar/style.css b/client/src/components/Navbar/style.css
@@ -1,23 +1,18 @@
-.container{
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-
+.container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
 }
-.img-logo{
-    width: 90px;
-    height: 80px;
-
+.img-logo {
+  width: 90px;
+  height: 80px;
 }
-.list{
-    display: flex ;
-    align-self: center;
-
+.list {
+  display: flex;
+  align-self: center;
+}
+.agent {
+  display: flex;
+  flex-direction: row;
+  align-self: center;
 }
-.agent{
-
-    display: flex ;
-    flex-direction: row ;
-    align-self: center;
-
-}