Ajout de style
This commit is contained in:
@@ -1,15 +1,23 @@
|
||||
<div>
|
||||
<header *ngIf="this.show()">
|
||||
<svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
|
||||
<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>
|
||||
<div style="display: flex; flex-wrap: nowrap; flex-direction: row; align-items: baseline;">
|
||||
<div>
|
||||
<svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
|
||||
<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>{{ title }}</h2>
|
||||
</div>
|
||||
<div style="text-align: right;">
|
||||
<h2 *ngIf="currentUser">{{ this.currentUser.firstName }}
|
||||
{{ this.currentUser.lastName }}</h2>
|
||||
<a *ngIf="currentUser" (click)="logout()" style="cursor: pointer;">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="navigation" [ngClass]="{'side-menu-active': showMenu}">
|
||||
<ul>
|
||||
@@ -27,7 +35,6 @@
|
||||
gears</a></li>
|
||||
<li><a routerLink="/newjump" routerLinkActive="active" (click)="toggleMenu()" skipLocationChange>Add a new
|
||||
jump</a></li>
|
||||
<li *ngIf="currentUser"><a class="nav-item nav-link" (click)="logout()">Logout</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
Reference in New Issue
Block a user