From f3a3344004e07377663bb880c7524c57d383ef89 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Sat, 20 Jul 2024 23:47:35 +0300
Subject: [PATCH] feat: started header changing

---
 apps/NwaifuAnime/public/pic/Blank-profile.png    | Bin 0 -> 2534 bytes
 .../app/components/header/header.component.html  |  11 ++++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 apps/NwaifuAnime/public/pic/Blank-profile.png

diff --git a/apps/NwaifuAnime/public/pic/Blank-profile.png b/apps/NwaifuAnime/public/pic/Blank-profile.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf822521d9f38f77fa92d3b1da9d3581bb3a59cf
GIT binary patch
literal 2534
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

literal 0
HcmV?d00001

diff --git a/apps/NwaifuAnime/src/app/components/header/header.component.html b/apps/NwaifuAnime/src/app/components/header/header.component.html
index bd36f65..2c1831c 100644
--- a/apps/NwaifuAnime/src/app/components/header/header.component.html
+++ b/apps/NwaifuAnime/src/app/components/header/header.component.html
@@ -1,6 +1,6 @@
 <div
   [class]="
-    'header fixed flex justify-between w-full px-2 bg-gray-700 md:h-8 items-center md:flex-row flex-col md:gap-0 gap-3 text-xl md:text-base ' +
+    'header fixed flex justify-between w-full px-2 bg-gray-700 md:h-10 items-center md:flex-row flex-col md:gap-0 gap-3 text-xl md:text-base ' +
     (menuOpened ? 'h-screen' : '')
   "
 >
@@ -39,6 +39,7 @@
         #searchInput
         class="outline-none ps-1 text-sm leading-6 w-full border-0 bg-transparent border-r border-gray-700"
         (keydown.enter)="search()"
+        placeholder="Начать поиск"
       />
       <button
         class="align-middle w-[100px] text-center border-0 flex flex-col items-center justify-center"
@@ -48,6 +49,14 @@
         <span class="text-sm text-black h-full">Поиск</span>
       </button>
     </div>
+    <div class="profile-pic hidden md:block">
+      <!-- TODO: profile pic of current user -->
+      <img
+        src="pic/Blank-profile.png"
+        alt="Profile pic"
+        class="aspect-square w-8 bg-white rounded-md"
+      />
+    </div>
     <div
       [class]="
         'flex flex-col w-full justify-start items-center md:hidden overflow-hidden ' +