Merge branch 'add-tab-panel' into 'master'

Add tab panel element.

See merge request openlp/web-remote!72
This commit is contained in:
Chris Witterholt 2024-02-07 15:26:15 +00:00
commit b70bd51ecf
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"