doneit-web/src/app/shared/header/header.page.html

<ion-toolbar class="bg-blue pb-10">


  <div class="mobile d-flex  div-top-header justify-space-between">
    <div (click)="openSearch()" class="div-search">
      <ion-icon src='assets/images/icons-search.svg'></ion-icon>
    </div>
    <div class="div-logo height-fit-content">
      <img src='assets/images/logo-no-bg.png' alt='logo'>
    </div>
    <div class="div-profile"  (click)="openProfile()">
      <ion-icon *ngIf="profile == 'mdgpr' " src='assets/images/icons-profile.svg'></ion-icon>
      <ion-icon *ngIf="profile == 'pr' " src='assets/images/icons-profile-pr-header.svg'></ion-icon>
    </div>
  </div>

  <div class="desktop div-top-header">
    <div class="d-flex justify-space-between align-center">
      <div tab="events" class="div-logo height-fit-content">
        <img src='assets/images/logo-no-bg.png' alt='logo'>
      </div>
      
      <div class="d-flex flex-1 pr-20 pl-50">
        
        <div class=" mr-20 d-flex align-center" (click)="changeRoute('/home/events')">
          <ion-icon class="font-40" src='assets/images/icons-nav-home-active.svg'></ion-icon>
          <span>Ínicio</span>
        </div>

        <div class=" mr-20 d-flex align-center" (click)="changeRoute('/home/agenda')" >
          <ion-icon class="font-40" src='assets/images/icons-nav-agenda-inactive.svg'></ion-icon>
          <span>Agenda</span>
        </div>

        <div class="mr-20  d-flex align-center" (click)="changeRoute('/home/gabinete-digital')">
          <ion-icon class="font-40" src='assets/images/icons-nav-home-dk.svg'></ion-icon>
          <span>Gabinete</span>
        </div>

        <div class=" mr-20  d-flex align-center" (click)="changeRoute('/home/publications')">
          <ion-icon class="font-40" src='assets/images/icons-nav-a-es-inactive.svg'></ion-icon>
          <span>Ações</span>
        </div>


        <div class=" mr-20  d-flex align-center" (click)="changeRoute('/home/chat')">
          <ion-icon class="font-40" src='assets/images/icons-nav-a-es-inactive.svg'></ion-icon>
          <span>Chat</span>
        </div>
      
      </div>

      <div class="d-flex">
        <div (click)="openSearch()" class="div-search mr-10">
          <ion-icon src='assets/images/icons-search.svg'></ion-icon>
        </div>
    
        <div class="div-profile" (click)="openProfile()">
          <ion-icon *ngIf="profile == 'mdgpr' " src='assets/images/icons-profile.svg'></ion-icon>
          <ion-icon *ngIf="profile == 'pr' " src='assets/images/icons-profile-pr-header.svg'></ion-icon>
        </div>
      </div>
    </div>


  </div>
  
</ion-toolbar>