join/src/app/app.component.html
2024-04-01 18:53:24 +02:00

25 lines
744 B
HTML

<div [ngClass]="{ 'blur-background': sharedService.isAnyDialogOpen }">
<div class="container">
<app-sidebar></app-sidebar>
<main>
<app-header></app-header>
<div class="main-content">
<router-outlet></router-outlet>
</div>
</main>
</div>
<app-sidebar-mobile></app-sidebar-mobile>
</div>
@if (sharedService.isEditContactDialogOpen) {
<app-contact-edit
[currentUserId]="sharedService.currentUserId"
[ngClass]="{
'blur-background': sharedService.isDeleteContactDialogOpen,
'd-none': sharedService.isDeleteContactDialogOpen
}"
></app-contact-edit>
} @if (sharedService.isDeleteContactDialogOpen) {
<app-contact-delete
[currentUserId]="sharedService.currentUserId"
></app-contact-delete>
}