From 4b7212959d0b12d18935afe658654432d229c1f9 Mon Sep 17 00:00:00 2001
From: Chris Witterholt <witterholt@gmail.com>
Date: Mon, 5 Feb 2024 12:28:09 +0100
Subject: [PATCH] Add tab panel element.

---
 src/app/app.component.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 916fff9..000ed33 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -46,7 +46,9 @@
   </mat-sidenav>
   <mat-sidenav-content>
     <main class="content">
-      <router-outlet></router-outlet>
+      <mat-tab-nav-panel #tabPanel>
+        <router-outlet></router-outlet>
+      </mat-tab-nav-panel>
     </main>
     <!-- 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>
@@ -84,7 +86,7 @@
           <mat-icon>videocam</mat-icon>
         </button>
       </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
           routerLink="/service"
           routerLinkActive #serviceRoute="routerLinkActive"