<div gdAreas="nav | content" gdRows="min-content 1fr" style="min-height: 100vh"> <mat-toolbar color="primary" gdArea="nav" fxLayout="flex" fxLayoutGap="16px"> <div> <span class="mono" [innerHTML]="apiDomain$ | async"></span> </div> <div> <a mat-button routerLink="/spm" routerLinkActive="active">spm</a> </div> </mat-toolbar> <!-- The routed views render in the <router-outlet> --> <ng-template #router_loading_indicator> <div gdArea="content" fxLayout="column" fxLayoutAlign="center stretch"> <div fxFlex="none" fxFlexAlign="center"> <mat-spinner></mat-spinner> </div> </div> </ng-template> <div class="content" gdArea="content" *ngIf="!(routerLoading$ | async); else router_loading_indicator"> <router-outlet></router-outlet> </div> </div>