header: fix du probleme titre-logo

src/app/components/header/header.component.html

@@ -1,18 +1,19 @@
-<nav
-  class="navbar sticky-top navbar-expand-lg navbar-light bg-light shadow py-0"
->
+<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top shadow">
   <div class="container-fluid">
-    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
-      <div class="navbar-nav">
-        <img
-          id="img"
-          routerLink="accueil"
-          routerLinkActive="active-custom"
-          src="../../../assets/images/logo-organizee.png"
-        />
-      </div>
-    </div>
-    <a class="navbar-brand" href="#">Organizee</a>
-  </div>
+    <a class="navbar-brand" routerLink="/accueil">
+      <img id="img" src="../../../assets/images/logo-organizee.png" />
+      Organizee
+    </a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarText">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+        <li class="nav-item"></li>
+      </ul>
+      <span class="navbar-text">
         <app-deconnexion *ngIf="isLogged"></app-deconnexion>
+      </span>
+    </div>
+  </div>
 </nav>

src/app/components/header/header.component.scss

@@ -1,7 +1,8 @@
+#img {
+  height:95px;
+}
+
 .navbar-brand {
-  position: relative;
-  margin-right: 70%;
-  font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 3rem;
   color: #5d5fef;
@@ -24,13 +25,6 @@ a:active {
   color: #5d5fef;
 }
 
-.navbar-nav {
-  height: 6rem;
-}
-
-#img {
-  position: absolute;
-  max-width: 5%;
-  margin-left: 5%;
-  margin-top: 10px;
+.container-fluid{
+  width:90%;
 }