mathieu/CAU-ICT-Spring-2019-Project-1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add Logout

Browse Source
This commit is contained in:
Mathieu Sanchez 2019-06-04 11:17:05 +09:00
parent 260f62d345
commit 22dbc687a5
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/header/header.component.html
View File

@ -1,11 +1,12 @@
<header> <header>
<div id="header-container-desktop" fxLayout="row" fxLayoutAlign="space-between" fxShow fxHide.lt-md="true"> <div fxHide.lt-md="true" fxLayout="row" fxLayoutAlign="space-between" fxShow
id="header-container-desktop">
<div fxFlex="200px" class="title"> <div class="title" fxFlex="200px">
<a [routerLink]="">DiscoTrip</a> <a [routerLink]="">DiscoTrip</a>
</div> </div>
<div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end"> <div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
<div fxFlex="60px"> <div fxFlex="60px">
@ -29,6 +30,7 @@
<mat-menu #profileMenu="matMenu"> <mat-menu #profileMenu="matMenu">
<button mat-menu-item>Login</button> <button mat-menu-item>Login</button>
<button mat-menu-item>Create Account</button> <button mat-menu-item>Create Account</button>
<button mat-menu-item>Logout</button>
</mat-menu> </mat-menu>
</div> </div>
@ -37,9 +39,9 @@
<!-- Search input --> <!-- Search input -->
</div> </div>
</div> </div>
</div> </div>
<div id="header-container-mobile" fxLayout="row" fxLayoutAlign="space-between" fxShow <div id="header-container-mobile" fxLayout="row" fxLayoutAlign="space-between" fxShow
fxHide.gt-sm="true"> fxHide.gt-sm="true">
@ -48,14 +50,14 @@
<mat-icon style="transform: scale(1.3)">menu</mat-icon> <mat-icon style="transform: scale(1.3)">menu</mat-icon>
</button> </button>
<div fxFlex="100%"> <div fxFlex="100%">
<div class="title" style="width: 200px;margin: 5px auto;"> <div class="title" style="width: 200px;margin: 5px auto;">
<a [routerLink]="">DiscoTrip</a> <a [routerLink]="">DiscoTrip</a>
</div> </div>
</div> </div>
</div> </div>
</header> </header>