Design header search bar.

2024-06-05 10:23:38 +02:00
parent 2ba707c336
commit e5076f0c64
2 changed files with 36 additions and 24 deletions
--- a/frontend/src/app/components/header/header.component.html
+++ b/frontend/src/app/components/header/header.component.html
@@ -8,10 +8,12 @@
    </a>
 </div>
 <div>
-    <input name="search-query" placeholder="Search something..." />
-    <button type="button">
-        <mat-icon>search</mat-icon>
-    </button>
+    <div class="search-bar">
+        <input name="search-query" placeholder="Search something..." />
+        <button type="button">
+            <mat-icon>search</mat-icon>
+        </button>
+    </div>
 </div>
 <div>
    <ng-container *ngIf="isAuthenticated; else anonymousRightMenu">