added logo & favicon close #4

frontend/public/index.html

@@ -6,7 +6,6 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
     <meta name="description" content="This is the dashboard for sim companies ">
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Sim Companies Dashboard</title>
 </head>

frontend/public/manifest.json

@@ -1,25 +1,13 @@
 {
-  "short_name": "React App",
+    "short_name": "React App",
-  "name": "Create React App Sample",
+    "name": "Create React App Sample",
-  "icons": [
+    "icons": [{
-    {
+        "src": "favicon.ico",
-      "src": "favicon.ico",
+        "sizes": "64x64 32x32 24x24 16x16",
-      "sizes": "64x64 32x32 24x24 16x16",
+        "type": "image/x-icon"
-      "type": "image/x-icon"
+    }, ],
-    },
+    "start_url": ".",
-    {
+    "display": "standalone",
-      "src": "logo192.png",
+    "theme_color": "#000000",
-      "type": "image/png",
+    "background_color": "#ffffff"
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
 }

frontend/src/App.css

@@ -0,0 +1,11 @@
+.logo {
+    background-image: url(./img/logo.png);
+    background-repeat: no-repeat;
+    background-size: 100%;
+    width: 150px;
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    margin-left: 10px;
+    height: 64px;
+}

frontend/src/components/navigation.js

@@ -157,7 +157,7 @@ export default function Navigation() {
                     >
                         <MenuIcon />
                     </IconButton>
-                    <Link1 href="/" class="logo">Sim Companies Dashboard</Link1>
+                    <Link1 href="/" className="logo">Sim Companies Dashboard</Link1>
                     <div className={classes.grow} />
                     <div className={classes.search}>
                         <div className={classes.searchIcon}>