Merge branch 'develop' of github.com:frontend-park-mail-ru/2024_2_Nov…

…aCode into develop
frontend-park-mail-ru · Nov 24, 2024 · cb83e9e · cb83e9e
2 parents f6b8ca5 + e22500f
commit cb83e9e
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 6 deletions.
diff --git a/src/widgets/header/ui/Header.hbs b/src/widgets/header/ui/Header.hbs
@@ -11,6 +11,10 @@
         href="/signin"
         {{/if}}
       >NovaMusic</a>
+      <a
+        class="header__link_search navlink link"
+        href="/search"
+      >Поиск</a>
     </div>
     <div class="header__right_block" id="header_signin_menu">
       {{#if user.isAuthorized}}

diff --git a/src/widgets/header/ui/Header.scss b/src/widgets/header/ui/Header.scss
@@ -29,6 +29,13 @@
     border-radius: 100%;
   }
 
+  &__left_block {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 20px;
+  }
+
   &__img_logo {
     width: auto;
     height: 41px;
@@ -48,6 +55,18 @@
     opacity: 0.5;
   }
 
+  &__link_search {
+    display: block;
+    color: #f1f1f1;
+    text-decoration: none;
+    font-size: 25px;
+    padding: 20px 20px;
+
+    &:hover {
+      opacity: 0.5;
+    }
+  }
+
   &__link_signup {
     display: block;
     color: #f1f1f1;

diff --git a/src/widgets/searchLine/ui/searchLine.hbs b/src/widgets/searchLine/ui/searchLine.hbs
@@ -1,8 +1,13 @@
 <div class="search_line__container">
-    <div class="search_line__block">
-        <form class="search_line__form">
-            <input type="text" class="search_line__input" placeholder="Поиск" required>
-            <button class="search_line__button" type="submit">Искать</button>
-        </form>
-    </div>
+  <div class="search_line__block">
+    <form class="search_line__form">
+      <input
+        type="text"
+        class="search_line__input"
+        placeholder="Трек, артист или альбом..."
+        required
+      />
+      <button class="search_line__button" type="submit">Искать</button>
+    </form>
+  </div>
 </div>