maj nav-bar

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>

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>

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;
+}
+

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
+* {
+  box-sizing: border-box;
+  margin : 0;
+  padding: 0;
+}