Merge pull request #78 from Yura-Platonov/announcement1

Announcement1
eTachkaMarketplace · Jan 8, 2024 · 8040a60 · 8040a60
2 parents c55c032 + 0e4cf1d
commit 8040a60
Show file tree

Hide file tree

Showing 8 changed files with 35 additions and 22 deletions.
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
@@ -14,20 +14,26 @@ const Footer = () => {
         <FooterContainer>
           <ListContainer>
             <ul className="footer_list">
-              <li className="footer_item">Нові</li>
-              <li className="footer_item">Вживані</li>
-              <li className="footer_item">Під Пригон</li>
-            </ul>
-            <ul className="footer_list">
-              <li className="footer_item">Партнерам</li>
-              <li className="footer_item">FAQ</li>
-              <li className="footer_item">Мій кабінет</li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=New'}>Нові</NavLink>
+              </li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=Used'}>Вживані</NavLink>
+              </li>
+              <li className="footer_item">
+              <NavLink to={'/search?status=Servitude'}>Під Пригон</NavLink>
+              </li>
             </ul>
             <ul className="footer_list">
               <li className="footer_item">Умови використання</li>
               <li className="footer_item">Політика конфіденційності</li>
               <li className="footer_item">Правила публікації оголошень</li>
             </ul>
+            <ul className="footer_list">
+              <li className="footer_item">FAQ</li>
+              <li className="footer_item">
+                <NavLink to={'/account'}>Мій кабінет</NavLink></li>
+            </ul>
           </ListContainer>
           <ul className="footer-contact_list">
             <li>

diff --git a/src/components/Footer/Footer.styled.jsx b/src/components/Footer/Footer.styled.jsx
@@ -30,6 +30,14 @@ export const FooterWrapper = styled.div`
     font-weight: 400;
       }
 
+  .footer_item:hover, .footer_item:focus{
+    cursor: pointer;
+    text-decoration: underline;
+    /* color: ;
+    */
+      }
+      
+
   .footer-contact_title{
     color: #F1F1F1;
     font-family: 'Roboto', sans-serif;

diff --git a/src/components/Main/CarouselCar/Carousel.css b/src/components/Main/CarouselCar/Carousel.css
@@ -1,12 +1,11 @@
 
 .splide__arrow--prev {
-    left: -90px ;
-    background-color: transparent;
+  display: none;
+
   }
 
   .splide__arrow--next {
-    right: -90px ;
-    background-color: transparent;
+    display: none;
 
   }
 
@@ -22,8 +21,8 @@ align-items: center;
 
 }
 
-.container:hover{
+/* .container:hover{
   fill: blue;
   color: blue;
  
-  }
+  } */
diff --git a/src/components/Main/CarouselCar/CarouselCar.jsx b/src/components/Main/CarouselCar/CarouselCar.jsx
@@ -10,9 +10,9 @@ export const CarouselCar =() => {
   return (
 <Splide className="splide-container" aria-label="Car logo carousel"  tag="section"  options={ {
     rewind: true,
-    width : 1080,
-    perPage: 7,
-    focus  : "center",
+    width : 1260,
+    perPage: 8,
+    focus  : "right",
     perMove: 1,
     omitEnd: false,
     autoplay: true,

diff --git a/src/components/Main/Popular/Popular.styled.js b/src/components/Main/Popular/Popular.styled.js
@@ -32,7 +32,7 @@ export const SectionCar = styled.section`
     align-items: flex-start;
     flex-direction: column;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
   .imgCar {
     width: 373px;

diff --git a/src/components/SearchForm/SearchForm.styled.js b/src/components/SearchForm/SearchForm.styled.js
@@ -9,7 +9,7 @@ export const Search = styled.div`
   flex-shrink: 0;
 
   border-radius: 8px;
-  background: #f1f1f1;
+  background: #F1F5FF;
 
   select {
     appearance: none;

diff --git a/src/components/SearchList/SearchList.styled.js b/src/components/SearchList/SearchList.styled.js
@@ -52,7 +52,7 @@ export const SearchListDiv = styled.div`
     width: 844px;
     height: 240px;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
     position: relative;
   }
   .img {

diff --git a/src/pages/AccountPage/AccountPage.styled.jsx b/src/pages/AccountPage/AccountPage.styled.jsx
@@ -53,7 +53,7 @@ export const UserContainer = styled.div`
 
     padding: 20px 15px;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
 
   .user-profile_title {
@@ -75,7 +75,7 @@ export const UserContainer = styled.div`
   .user-nav_container {
     padding: 20px 15px 20px 0;
     border-radius: 8px;
-    background: #f1f1f1;
+    background: #F1F5FF;
   }
 
   .user-nav_item {