Improve responsive on small screens
[oweals/peertube.git] / client / src / app / +my-account / my-account.component.html
1 <div class="row">
2   <div class="sub-menu">
3     <a i18n routerLink="/my-account/settings" routerLinkActive="active" class="title-page">My settings</a>
4
5     <div ngbDropdown class="my-library">
6       <span role="button" class="title-page" [ngClass]="{ active: libraryLabel !== '' }" ngbDropdownToggle>
7         <ng-container i18n>My library</ng-container>
8         <ng-container *ngIf="libraryLabel"> - {{ libraryLabel }}</ng-container>
9       </span>
10
11       <div ngbDropdownMenu>
12         <a class="dropdown-item" i18n routerLink="/my-account/video-channels">My channels</a>
13
14         <a class="dropdown-item" i18n routerLink="/my-account/videos">My videos</a>
15
16         <a class="dropdown-item" i18n routerLink="/my-account/subscriptions">My subscriptions</a>
17
18         <a class="dropdown-item" *ngIf="isVideoImportEnabled()" i18n routerLink="/my-account/video-imports">My imports</a>
19       </div>
20     </div>
21
22     <a i18n routerLink="/my-account/ownership" routerLinkActive="active" class="title-page">Ownership changes</a>
23   </div>
24
25   <div class="margin-content">
26     <router-outlet></router-outlet>
27   </div>
28 </div>