1<mat-toolbar class="bg-blue-500 text-white"> 2 <span class="font-medium text-lg">Motion Test Watcher</span> 3</mat-toolbar> 4 5<div class="flex h-screen p-4 bg-gray-100"> 6 <div class="w-1/4 bg-white rounded-md shadow-md overflow-y-auto mr-4"> 7 <app-test-list 8 [goldens]="goldens" 9 (refreshRequest)="refreshGoldens($event)" 10 (selectedGoldenChange)="setSelectedGolden($event)" 11 ></app-test-list> 12 </div> 13 14 <div class="flex flex-col flex-grow space-y-4"> 15 <div class="bg-white rounded-md shadow-md overflow-hidden h-1/3"> 16 <app-preview [selectedGolden]="selectedGolden"></app-preview> 17 </div> 18 <div class="bg-white rounded-md shadow-md p-4 overflow-hidden h-2/3"> 19 <app-timeline [selectedGolden]="selectedGolden"></app-timeline> 20 </div> 21 </div> 22</div> 23 24<div 25 *ngIf="showProgress" 26 class="fixed top-0 left-0 w-full h-1 bg-blue-500 transition-all duration-300 ease-in-out" 27></div> 28