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

Add header not finish

Browse Source
This commit is contained in:
Mathieu Sanchez
2019-05-21 16:50:28 +09:00
parent f923af8e5d
commit 61b053de08
10 changed files with 141 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,47 @@
<p>
header works!
</p>
<header>
<div id="header-container-desktop" fxLayout="row" fxLayoutAlign="space-between" fxShow
fxHide.lt-md="true">
<div fxFlex="200px" class="title">
<a [routerLink]="">DiscoTrip</a>
</div>
<div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>local_airport</mat-icon>
</button>
</div>
<div fxFlex="60px">
<button mat-fab class="account-button">
<mat-icon>person</mat-icon>
</button>
</div>
<div fxFlex="50px">
<!-- Search input -->
</div>
</div>
</div>
<div id="header-container-mobile" fxLayout="row" fxLayoutAlign="space-between" fxShow
fxHide.gt-sm="true">
<button mat-flat-button style="position: absolute;top: 0;left: 0;height: 60px;">
<mat-icon style="transform: scale(1.3)">menu</mat-icon>
</button>
<div fxFlex="100%">
<div class="title" style="width: 200px;margin: 5px auto;">
<a [routerLink]="">DiscoTrip</a>
</div>
</div>
</div>
</header>