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

header et side-bar

Browse source
This commit is contained in:
AlineRinquin 2022-01-19 10:57:26 +01:00
parent 6f9112ee91
commit 1ba991e959
19 changed files with 80 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1 +1,10 @@
<p>header works!</p>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light shadow py-0 ">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<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"/>
</div>
</div>
<a class="navbar-brand" href="#">Organizee</a>
</div>
</nav>

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

@ -0,0 +1,4 @@
.navbar-brand {
position: absolute;
margin-left: 10%;
}

12
src/app/components/side-bar/side-bar.component.html
View file

@ -1 +1,11 @@
<p>side-bar works!</p>
<nav class="custom-side-bar flex-shrink-0 bg-white border-end">
<div id="navbarNavAltMarkup">
<div class="navbar-nav">
<a routerLink="../compte" routerLinkActive="active-custom" class="nav-link">Ma Team</a>
<a routerLink="../repertoire" routerLinkActive="active-custom" class="nav-link">Répertoire</a>
<a routerLink="../to-do-list" routerLinkActive="active-custom" class="nav-link">To-Do-List</a>
<a routerLink="../menu" routerLinkActive="active-custom" class="nav-link">Menus</a>
<a routerLink="../agenda" routerLinkActive="active-custom" class="nav-link">Agenda</a>
</div>
</div>
</nav>