sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Un peu de CSS

Browse Source
This commit is contained in:
Sébastien André
2019-10-09 16:04:14 +02:00
parent 2f59760cc1
commit 2688b66825
6 changed files with 80 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
Front/skydivelogs-app/src/app/app.component.html
View File

@@ -1,9 +1,37 @@
<nav>
<a routerLink="/summary" routerLinkActive="active">Summary</a>
<a routerLink="/jumpsList" routerLinkActive="active">List of jumps</a>
<a routerLink="/dz" routerLinkActive="active">List of DZs</a>
<a routerLink="/aircraftList" routerLinkActive="active">List of aircrafts</a>
<a routerLink="/jumpTypeList" routerLinkActive="active">List of jump types</a>
<a routerLink="/newjump" routerLinkActive="active">Add a new jump</a>
</nav>
<router-outlet></router-outlet>
<div>
<header>
<svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
<defs>
<style>
.hamburger__icon__fill {
fill: #594e78
}
</style>
</defs>
<rect id="Rectangle_9" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
transform="translate(31.5 58)"></rect>
<rect id="Rectangle_10" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 10" rx="2"
transform="translate(31.5 44)"></rect>
<rect id="Rectangle_11" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
transform="translate(31.5 30)"></rect>
</svg>
<h2 style="display: inline;">{{ title }}</h2>
<nav [ngClass]="{'side-menu-active': showMenu, 'side-menu-disactive': !showMenu}">
<a routerLink="/summary" routerLinkActive="active" (click)="toggleMenu()">Summary</a>
<a routerLink="/jumpsList" routerLinkActive="active" (click)="toggleMenu()">List of jumps</a>
<a routerLink="/dz" routerLinkActive="active" (click)="toggleMenu()">List of DZs</a>
<a routerLink="/aircraftList" routerLinkActive="active" (click)="toggleMenu()">List of aircrafts</a>
<a routerLink="/jumpTypeList" routerLinkActive="active" (click)="toggleMenu()">List of jump types</a>
<a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()">Add a new jump</a>
</nav>
</header>
<body>
<router-outlet></router-outlet>
</body>
<footer>footer - @Séb</footer>
</div>