isa44.74/organizee-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #89 from AlineRinquin/fix-header

Browse Source 
header: fix du probleme titre-logo
This commit is contained in:
AlineRinquin 2022-03-06 12:16:52 +01:00 committed by GitHub
commit 9814f0de9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/components/header/header.component.html
View File

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

20
src/app/components/header/header.component.scss
View File

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