From 686febd53418cee66984573dc0b7a8db795676db Mon Sep 17 00:00:00 2001
From: Romain <51331158+zylfu@users.noreply.github.com>
Date: Wed, 19 Jan 2022 15:09:18 +0100
Subject: [PATCH] maj nav-bar

---
 .../components/nav-bar/nav-bar.component.html |  4 ++-
 .../search-bar/search-bar.component.html      |  5 ++++
 .../search-bar/search-bar.component.scss      | 27 ++++++++++++++++++-
 src/styles.scss                               |  7 ++++-
 4 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/app/header/components/nav-bar/nav-bar.component.html b/src/app/header/components/nav-bar/nav-bar.component.html
index 705301a..e4335e6 100644
--- a/src/app/header/components/nav-bar/nav-bar.component.html
+++ b/src/app/header/components/nav-bar/nav-bar.component.html
@@ -14,9 +14,11 @@
               <a routerLink="home" routerLinkActive="active-custom" class="nav-link p-4 ">Accueil</a>
               <a routerLink="categories" routerLinkActive="active-custom" class="nav-link p-4">Categories</a>
               <a routerLink="favoris" routerLinkActive="active-custom" class="nav-link p-4">Mes favoris</a>
-              <a routerLink="" routerLinkActive="active-custom" class="nav-link p-4">Deconnexion</a>
+              <!-- <a routerLink="" routerLinkActive="active-custom" class="nav-link p-4">Deconnexion</a> -->
           </div>
+
       </div>
+
       <div id="image-header">
       <img src="assets/images-header/fond.png" alt="fond_header">
     </div>
diff --git a/src/app/header/components/search-bar/search-bar.component.html b/src/app/header/components/search-bar/search-bar.component.html
index e13586b..f171926 100644
--- a/src/app/header/components/search-bar/search-bar.component.html
+++ b/src/app/header/components/search-bar/search-bar.component.html
@@ -4,5 +4,10 @@
     <form style="width: 20%;" class="d-flex">
       <input class="form-control me-2" type="search" placeholder="Trouver votre Simpl'eat" aria-label="Search">
     </form>
+    <div class="trait">
+      <div class="textLogo">
+      Le bon plan pour manger
+    </div>
+    </div>
   </div>
 </nav>
diff --git a/src/app/header/components/search-bar/search-bar.component.scss b/src/app/header/components/search-bar/search-bar.component.scss
index 1403dca..1dd095f 100644
--- a/src/app/header/components/search-bar/search-bar.component.scss
+++ b/src/app/header/components/search-bar/search-bar.component.scss
@@ -3,5 +3,30 @@
   padding-top: 2%;
   width : 100%;
   margin: auto;
-  border-bottom: 3px crimson;
+  padding-bottom: 2%;
+  padding-left: 0;
+  padding-right: 0;
+  max-height: 20%;
+
 }
+
+.trait{
+
+  width: 100%;
+  height: 30px;
+  border-bottom: 2px solid red;
+
+}
+
+img{
+  padding-left: 2%;
+
+}
+
+h5{
+  margin:0;
+  padding:0;
+  text-align:center;
+  position: absolute;
+}
+
diff --git a/src/styles.scss b/src/styles.scss
index b2b7ea4..d698093 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,3 +1,8 @@
 /* You can add global styles to this file, and also import other style files */
 @import '~bootstrap/scss/bootstrap.scss';
-// le tilde agit comme un raccourci vers le node_modules
\ No newline at end of file
+// le tilde agit comme un raccourci vers le node_modules
+* {
+  box-sizing: border-box;
+  margin : 0;
+  padding: 0;
+}