apps/live-weather/src/app/app.component.ts
weather-base-root
./app.component.scss
./app.component.html
import { Component } from '@angular/core'; @Component({ selector: 'weather-base-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], }) /** * Acts as root container for the application */ export class AppComponent {}
<weather-base-header></weather-base-header> <main class="main-container"> <router-outlet></router-outlet> </main>
.main-container { height: 100%; min-height: 100%; width: 100%; padding: 0.5rem 0; overflow-y: auto; }