]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/app.component.html
Client: try to be responsive
[github/Chocobozzz/PeerTube.git] / client / src / app / app.component.html
1 <div class="container-fluid">
2 <div class="row header">
3
4 <div class="col-md-2 col-sm-3 col-xs-3 top-left-block" [ngClass]="{ 'border-bottom': isMenuDisplayed === false }">
5 <div class="hamburger-block" (click)="toggleMenu()">
6 <span class="glyphicon glyphicon-menu-hamburger"></span>
7 </div>
8
9 <div id="peertube-title">
10 <a [routerLink]="['/videos/list']" title="Homepage"></a>
11 </div>
12 </div>
13
14 <!-- Used for the fixed title -->
15 <div class="col-md-2 col-sm-3 col-xs-3 fake-title-block"></div>
16
17 <!-- We need to reset col-md-* because my-search is in fixed position -->
18 <my-search class="col-md-10 col-sm-9 col-xs-9"></my-search>
19 </div>
20
21 <div class="row">
22 <div class="col-md-2 col-sm-3 col-xs-3 title-menu-left">
23
24 <div class="title-menu-left-block menu">
25 <my-menu *ngIf="isMenuDisplayed && isInAdmin() === false"></my-menu>
26 <my-menu-admin *ngIf="isMenuDisplayed && isInAdmin() === true"></my-menu-admin>
27 </div>
28 </div>
29
30 <!-- Used for the fixed menu -->
31 <div class="col-md-2 col-sm-3 col-xs-3">
32 </div>
33
34 <div [ngClass]="getMainColClasses()">
35
36 <div class="main-row">
37 <router-outlet></router-outlet>
38 </div>
39
40 <footer class="row">
41 <a href="https://github.com/Chocobozzz/PeerTube" title="PeerTube on Github">PeerTube</a> -
42 <a href="https://github.com/Chocobozzz/PeerTube/blob/develop/LICENSE" title="PeerTube licence">CopyLeft 2015-2017</a>
43 </footer>
44 </div>
45 </div>
46 </div>
47
48 <my-confirm></my-confirm>
49 <simple-notifications [options]="notificationOptions"></simple-notifications>