fix(container): fixed scroll of main page

Author: feloy

src/app/app.component.html

@@ -2,16 +2,14 @@
   <header>
     <app-toolbar (navToggle)="sidenav.toggle()"></app-toolbar>
   </header>
-  <main class="app-content">
-    <mat-sidenav-container>
-      <mat-sidenav #sidenav role="navigation">
-        <mat-nav-list (click)="sidenav.toggle()">
-          <a *ngFor="let menu of menus" mat-list-item routerLinkActive="active" [routerLinkActiveOptions]="menu.options" [routerLink]="menu.link">
+  <mat-sidenav-container>
+    <mat-sidenav #sidenav role="navigation">
+      <mat-nav-list (click)="sidenav.toggle()">
+        <a *ngFor="let menu of menus" mat-list-item routerLinkActive="active" [routerLinkActiveOptions]="menu.options" [routerLink]="menu.link">
             {{menu.title}}
           </a>
-        </mat-nav-list>
-      </mat-sidenav>
-      <router-outlet></router-outlet>
-    </mat-sidenav-container>
-  </main>
-</div>
+      </mat-nav-list>
+    </mat-sidenav>
+    <router-outlet></router-outlet>
+  </mat-sidenav-container>
+</div>

src/app/app.component.scss

@@ -11,13 +11,6 @@
   }
 }
 
-.app-content {
-  min-height: 100%;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-}
-
 mat-sidenav-container {
   flex: 1 1 auto;
   width: 100%;