diff options
| author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-01 13:08:46 +0100 |
|---|---|---|
| committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-01 13:15:53 +0100 |
| commit | 26c6ee80d0fecfce595e8970f15717560b4f4ceb (patch) | |
| tree | a193cb9836d654c05b7b96585513b99922245eaa /client/src/app/app.component.html | |
| parent | b33f657c304b77938c1f68164d8e754787f5aae5 (diff) | |
| download | PeerTube-26c6ee80d0fecfce595e8970f15717560b4f4ceb.tar.gz PeerTube-26c6ee80d0fecfce595e8970f15717560b4f4ceb.tar.zst PeerTube-26c6ee80d0fecfce595e8970f15717560b4f4ceb.zip | |
Implement header design
Diffstat (limited to 'client/src/app/app.component.html')
| -rw-r--r-- | client/src/app/app.component.html | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html index f4672c7ec..640524e23 100644 --- a/client/src/app/app.component.html +++ b/client/src/app/app.component.html | |||
| @@ -1,14 +1,13 @@ | |||
| 1 | <div class="container-fluid"> | 1 | <div> |
| 2 | <div class="row header"> | 2 | <div class="header"> |
| 3 | 3 | ||
| 4 | <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }"> | 4 | <div class="top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }"> |
| 5 | <div class="hamburger-block" (click)="toggleMenu()"> | 5 | <span class="icon icon-menu" (click)="toggleMenu()"></span> |
| 6 | <span class="glyphicon glyphicon-menu-hamburger"></span> | ||
| 7 | </div> | ||
| 8 | 6 | ||
| 9 | <div id="peertube-title"> | 7 | <a id="peertube-title" [routerLink]="['/videos/list']" title="Homepage"> |
| 10 | <a [routerLink]="['/videos/list']" title="Homepage"></a> | 8 | <span class="icon icon-logo"></span> |
| 11 | </div> | 9 | PeerTube |
| 10 | </a> | ||
| 12 | </div> | 11 | </div> |
| 13 | 12 | ||
| 14 | <div class="header-right"> | 13 | <div class="header-right"> |
| @@ -16,7 +15,7 @@ | |||
| 16 | </div> | 15 | </div> |
| 17 | </div> | 16 | </div> |
| 18 | 17 | ||
| 19 | <div class="row sub-header-container"> | 18 | <div class="sub-header-container"> |
| 20 | <div class="title-menu-left"> | 19 | <div class="title-menu-left"> |
| 21 | 20 | ||
| 22 | <div class="title-menu-left-block menu"> | 21 | <div class="title-menu-left-block menu"> |
| @@ -25,7 +24,7 @@ | |||
| 25 | </div> | 24 | </div> |
| 26 | </div> | 25 | </div> |
| 27 | 26 | ||
| 28 | <div class="main-col" [ngClass]="getMainColClasses()"> | 27 | <div class="main-col container-fluid" [ngClass]="getMainColClasses()"> |
| 29 | 28 | ||
| 30 | <div class="main-row"> | 29 | <div class="main-row"> |
| 31 | <router-outlet></router-outlet> | 30 | <router-outlet></router-outlet> |