From 4951ac49890a09dd50dc69a65dfb3006c6f3da89 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Thu, 23 Feb 2023 12:27:31 +0500
Subject: [PATCH] styling

---
 src/animations/search.animation.ts |  4 ++--
 src/api/params.ts                  |  2 +-
 src/components/header/SubNav.tsx   |  6 ------
 src/styles/_nav.scss               | 12 +++++++++++-
 src/styles/_news-article.scss      | 10 ++++++++++
 src/styles/_news.scss              |  6 +++++-
 src/styles/_variables.scss         |  2 +-
 7 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/animations/search.animation.ts b/src/animations/search.animation.ts
index fb31143..b4522f5 100644
--- a/src/animations/search.animation.ts
+++ b/src/animations/search.animation.ts
@@ -31,12 +31,12 @@ export const searchMobileMotion: Variants = {
   logoRest: {
     display: "block",
     opacity: 1,
-    transform: "translateX(0%)",
+    transform: "translateX(0%) translateY(-50%)",
     type: "spring",
   },
   logoActive: {
     opacity: 0,
-    transform: "translateX(-150%)",
+    transform: "translateX(-150%) translateY(-50%)",
     type: "spring",
   },
 
diff --git a/src/api/params.ts b/src/api/params.ts
index 6bd0569..5c78635 100644
--- a/src/api/params.ts
+++ b/src/api/params.ts
@@ -14,7 +14,7 @@ export const newsScrollParams: IurlParamAdder[] = [
 export const categoriesParams: IurlParamAdder[] = [
   {
     name: "count",
-    value: 7,
+    value: 5,
   },
   {
     name: "page",
diff --git a/src/components/header/SubNav.tsx b/src/components/header/SubNav.tsx
index 681d878..aac7154 100644
--- a/src/components/header/SubNav.tsx
+++ b/src/components/header/SubNav.tsx
@@ -59,12 +59,6 @@ const SubNav = () => {
         <ul className="subnav-inner">
           {data ? (
             <>
-              <SubNavLi
-                isNotCategory
-                dataEl={{ id: 0, name: "Главная" }}
-                activeLink={activeLink}
-                onClickLink={onClickLink}
-              />
               {data.data.map((dataEl) => {
                 return (
                   <SubNavLi
diff --git a/src/styles/_nav.scss b/src/styles/_nav.scss
index cde22fe..cd41a68 100644
--- a/src/styles/_nav.scss
+++ b/src/styles/_nav.scss
@@ -20,7 +20,7 @@
     .nav-mid {
       position: absolute;
       left: 0;
-      top: 3rem;
+      top: 50%;
     }
     .search-wrap {
       position: absolute;
@@ -36,7 +36,12 @@
 }
 
 .nav-mid {
+  width: 100%;
+  max-width: 60%;
+  display: flex;
+  justify-content: flex-start;
   h1 {
+    width: fit-content;
     text-align: center;
     color: $main;
     font-weight: bold;
@@ -201,6 +206,11 @@
 
 // Media
 @media screen and (max-width: 850px) {
+  .nav-mid {
+    h1 {
+      // text-align: start;
+    }
+  }
   .nav-right {
     display: none;
   }
diff --git a/src/styles/_news-article.scss b/src/styles/_news-article.scss
index 7610c0e..a8b6f52 100644
--- a/src/styles/_news-article.scss
+++ b/src/styles/_news-article.scss
@@ -1,5 +1,8 @@
 .news-article {
   padding: 5.6rem 0;
+  .loader {
+    margin: 4rem 0;
+  }
 }
 .news-article-inner {
   display: grid;
@@ -92,6 +95,13 @@
   cursor: pointer;
 }
 
+.sresult-content {
+  .news-text {
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+  }
+}
+
 @media (max-width: 1024px) {
   .news-article-inner {
     display: block;
diff --git a/src/styles/_news.scss b/src/styles/_news.scss
index 12b43a4..4de2112 100644
--- a/src/styles/_news.scss
+++ b/src/styles/_news.scss
@@ -3,6 +3,10 @@
   grid-template-columns: 32rem 1fr;
   grid-template-rows: 20rem;
   gap: 1.6rem;
+
+  .loader {
+    margin: 4rem 0;
+  }
 }
 
 .news-info {
@@ -146,7 +150,7 @@
     flex-direction: column;
   }
   .news-image {
-    min-height: 16rem;
+    height: 25rem;
   }
 }
 
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 3b43e97..24a7ad3 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -3,6 +3,6 @@ $main: #38a39d;
 $white: #ffffff;
 $gray: #f1f1f1;
 $gray-dark: #a6a6a6;
-$body: #5a5a5a;
+$body: #000;
 $red: #e53131;
 $blue: #3c7ec0;