Style pour avoir le header aligner
et avec une partie bien à gauche et une autre partie bien à droite
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<div>
|
<div>
|
||||||
<header *ngIf="this.show()">
|
<header *ngIf="this.show()">
|
||||||
<div style="display: flex; flex-wrap: nowrap; flex-direction: row; align-items: baseline;">
|
<div style="display: flex; justify-content: space-between;">
|
||||||
<div>
|
<div>
|
||||||
<svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
|
<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"
|
<rect id="Rectangle_9" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
|
||||||
@@ -10,12 +10,12 @@
|
|||||||
<rect id="Rectangle_11" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
|
<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>
|
transform="translate(31.5 30)"></rect>
|
||||||
</svg>
|
</svg>
|
||||||
<h2>{{ title }}</h2>
|
<h2 style="display: inline;">{{ title }}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: right;">
|
<div>
|
||||||
<h2 *ngIf="currentUser">{{ this.currentUser.firstName }}
|
<h2 style="display: inline;" *ngIf="currentUser">{{ this.currentUser.firstName }}
|
||||||
{{ this.currentUser.lastName }}</h2>
|
{{ this.currentUser.lastName }}</h2>
|
||||||
<a *ngIf="currentUser" (click)="logout()" style="cursor: pointer;">Logout</a>
|
<a *ngIf="currentUser" (click)="logout()" style="cursor: pointer; margin-left:15px;">Logout</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user