next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html

<mat-toolbar class="app-layout-native-title-bar">
  <div class="app-layout-native-title-bar-logo">
    <img src="assets/images/logo/ico_64x64.png" />
  </div>
  <div class="app-layout-native-title-bar-title">UCAP M Messenger</div>
  <div class="app-layout-native-title-bar-spacer"></div>
  <div class="app-layout-native-title-bar-actions">
    <button
      mat-icon-button
      class="button app-layout-native-title-bar-minimize"
      (click)="onClickMinimize()"
    >
      <mat-icon>minimize</mat-icon>
    </button>
    <button
      mat-icon-button
      class="button app-layout-native-title-bar-maximize"
      (click)="onClickMaxmize()"
    >
      <ng-container [ngSwitch]="windowStateChanged$ | async">
        <mat-icon *ngSwitchCase="WindowState.Maximized">filter_none</mat-icon>
        <mat-icon *ngSwitchDefault>maximize</mat-icon>
      </ng-container>
    </button>
    <button
      mat-icon-button
      class="button app-layout-native-title-bar-close"
      (click)="onClickClose()"
    >
      <mat-icon>close</mat-icon>
    </button>
  </div>
</mat-toolbar>