app.component.html

<div class="wrapper">
  <p-menubar [model]="menuItems" *ngIf="isPhonePortrait">
    <div style="text-align: center; margin-right: 1.5rem;">
      <img src="assets/images/logo.svg" alt="offshift" style="max-width: 40%;">
    </div>
  </p-menubar>
  <div class="wrapper__header header" *ngIf="!hideNavBar">

    <div class="header__left">
      <img src="assets/images/logo.svg" alt="offshift">
    </div>
    <div class="header__center">
      <a routerLink="/shift" routerLinkActive="active">Shift</a>
      <a routerLink="/vault" routerLinkActive="active">Vault</a>
      <a routerLink="/swap" routerLinkActive="active">Token Swap</a>
      <a routerLink="/stake" routerLinkActive="active">Stake</a>
    </div>
    <div class="header__right">
      <os-connect-wallet class="header__connect"></os-connect-wallet>

      <!--<div class="header__switch">
        <span [class.is-active]="!isDarkTheme" class="material-icons light-mode">light_mode</span>
        <span [class.is-active]="isDarkTheme" class="material-icons dark-mode">dark_mode</span>
        <p-inputSwitch [(ngModel)]="isDarkTheme"></p-inputSwitch>
      </div>-->
    </div>
  </div>
  <div [ngClass]="{'wrapper__content': !isPhonePortrait, 'phone-portrait-app': isPhonePortrait}">
    <router-outlet></router-outlet>
  </div>
</div>