Merge branch 'Info' into 'main'

add info.js

See merge request saburly/marketalarm/kivi-za-auta-react!5

kivi-cars/src/components/Filters.css

@@ -1,28 +1,4 @@
-*{
-    margin: 0;
-    padding: 0;
-}
-
-nav {
-    width: 100%;
-    background-color: #02adba;
-    color: #fff;
-    height: 54px;
-    line-height: 54px;
-    text-align: center;
-}
-
-
 @media only screen and (min-width: 601px) {
-    nav {
-        text-align: center;
-        width: 100%;
-        background-color: #02adba;
-        color: #fff;
-        height: 64px;
-        line-height: 64px;
-    }
-
     .container {
         width: 80%;
         display: flex;

kivi-cars/src/components/Filters.js

@@ -10,10 +10,6 @@ const Filters = () => {
 
 
     return(
-        <div>
-            <nav>
-                <h3 className="title">Filteri za pretrazivanje</h3>
-            </nav>
             <div className="container">
                 <div className="filters-tabs">
                     <ul className="filters-links">
@@ -36,7 +32,6 @@ const Filters = () => {
                 <div className="container-advanced">
                     
                 </div>
-            </div>
 
 
         </div>

kivi-cars/src/components/Info/Info.css

@@ -0,0 +1,10 @@
+nav {
+    width: 100%;
+    min-width: 280px;
+    background-color: #02adba;
+    color: #fff;
+    height: 54px;
+    line-height: 54px;
+    text-align: center;
+}
+

kivi-cars/src/components/Info/Info.js

@@ -0,0 +1,12 @@
+import './Info.css'
+
+
+const Info = (props) => {
+    return (
+        <nav>
+            <h3 className="title">{props.info}</h3>
+        </nav>
+    )
+}
+
+export default Info

kivi-cars/src/containers/App.css

@@ -1,3 +1,9 @@
+*{
+  padding: 0;
+  margin: 0;
+}
+
+
 .App{
   display: flex;
   flex-direction: column;

kivi-cars/src/containers/App.js

@@ -1,12 +1,16 @@
 import './App.css';
 import React from 'react';
 import Filters from '../components/Filters';
+import Info from '../components/Info/Info';
 
 
 function App() {
+
+  const info = 'Dobrodosli'
+
   return (
     <div className="App">
-      <Filters />
+      <Info info={info}/>
     </div>
  
   );