Add tab panel element.

This commit is contained in:
Chris Witterholt 2024-02-05 12:28:09 +01:00
parent 15c27ed23a
commit 4b7212959d
No known key found for this signature in database
GPG Key ID: 66C03249E4759AE9
1 changed files with 4 additions and 2 deletions

View File

@ -46,7 +46,9 @@
</mat-sidenav> </mat-sidenav>
<mat-sidenav-content> <mat-sidenav-content>
<main class="content"> <main class="content">
<router-outlet></router-outlet> <mat-tab-nav-panel #tabPanel>
<router-outlet></router-outlet>
</mat-tab-nav-panel>
</main> </main>
<!-- These two toolbars are for padding the content so the real toolbars do not block content when scrolled down --> <!-- These two toolbars are for padding the content so the real toolbars do not block content when scrolled down -->
<mat-toolbar class="toolbar-padding"></mat-toolbar> <mat-toolbar class="toolbar-padding"></mat-toolbar>
@ -84,7 +86,7 @@
<mat-icon>videocam</mat-icon> <mat-icon>videocam</mat-icon>
</button> </button>
</mat-toolbar> </mat-toolbar>
<nav mat-tab-nav-bar mat-stretch-tabs class="fast-switcher" *ngIf="fastSwitching"> <nav mat-tab-nav-bar mat-stretch-tabs class="fast-switcher" [tabPanel]="tabPanel" *ngIf="fastSwitching">
<a mat-tab-link <a mat-tab-link
routerLink="/service" routerLink="/service"
routerLinkActive #serviceRoute="routerLinkActive" routerLinkActive #serviceRoute="routerLinkActive"