mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2025-04-20 07:49:18 +00:00
fc9c7f63cf
* BETTERZON-31, dependencies. * BETTERZON-31: Fixing dependencies * BETTERZON-31, BETTERZON-50 info popover and footer had been changed. * BETTERZON-74 simple top-bar has been created. * WIP: creating footer using grid. * BETTERZON-78 adding bottom bar and top bar * Adding cookieconsent as dependency again since it was removed by a merge * Adding cookieconsent as dependency again since it was removed by a merge * Apply suggestions from code review Switching from single to double quotes * BETTERZON-78 - grid added, structured as in Adobe XD mockup Co-authored-by: Patrick Müller <patrick@mueller-patrick.tech> Co-authored-by: Patrick <50352812+Mueller-Patrick@users.noreply.github.com>
24 lines
1.0 KiB
HTML
24 lines
1.0 KiB
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<header class="header">
|
|
<div id="headerContent" class='wrap'>
|
|
<div class="logo">
|
|
<img src="assets/images/Betterzon.svg" alt="Betterzon Logo" width="50px" (click)="clickedLogo()">
|
|
</div>
|
|
<div class="searchBox">
|
|
<input *ngIf="showSearch===true" type="text" [(ngModel)]="searchInput" placeholder="Search" (keyup.enter)="startedSearch()">
|
|
</div>
|
|
<div class="slider">
|
|
<mat-slide-toggle color="primary">dark me</mat-slide-toggle>
|
|
</div>
|
|
<div class="profileIcon">
|
|
<button mat-button [matMenuTriggerFor]="menu">Menu</button>
|
|
<mat-menu #menu="matMenu">
|
|
<button mat-menu-item>Option 1</button>
|
|
<button mat-menu-item>Option 2</button>
|
|
<button mat-menu-item>Option 3</button>
|
|
<button mat-menu-item>Option 4</button>
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
</header>
|