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

css component header

Browse source
This commit is contained in:
Blandine Bajard 2022-01-25 17:46:18 +01:00
parent 5df6f6f46e
commit 88fd522f00
2 changed files with 32 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/components/header/header.component.html
View file

@ -2,7 +2,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav"> <div class="navbar-nav">
<img routerLink="accueil" routerLinkActive="active-custom" class="nav-link" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/logo-organizee.png"/> <img id="img" routerLink="accueil" routerLinkActive="active-custom" src="../../../assets/images/logo-organizee.png"/>
</div> </div>
</div> </div>
<a class="navbar-brand" href="#">Organizee</a> <a class="navbar-brand" href="#">Organizee</a>

31
src/app/components/header/header.component.scss
View file

@ -1,4 +1,33 @@
.navbar-brand { .navbar-brand {
position: absolute; position: absolute;
margin-left: 10%; margin-left: 12%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3rem;
color: #5d5fef;
}
a:visited {
color: #5d5fef;
}
a:focus {
border-bottom: 1px solid;
background: #a5a6f6;
}
a:hover {
color: #7879f1;
}
a:active {
color: #5d5fef;
}
.navbar-nav {
height: 6rem;
}
#img {
margin-left: 50%;
} }