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
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>
<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>
<a class="navbar-brand" href="#">Organizee</a>
</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 {
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%;
}