Merge pull request #286 from Diyashibu/dev

changes in navbar
IEDCMEC · Mar 29, 2024 · 3a7b0f9 · 3a7b0f9
2 parents 4ffb1ec + f71f22d
commit 3a7b0f9
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 11 deletions.
diff --git a/src/Components/Navbar/Navbar.css b/src/Components/Navbar/Navbar.css
@@ -17,7 +17,7 @@
   list-style: none;
   display: grid;
   grid-template-columns: repeat(6, auto);
-  grid-gap: 70px;
+  grid-gap: 30px;
   text-align: center;
   height: 100%;
 }
@@ -27,25 +27,40 @@
   color: #9e0000;
   height: 100%;
   align-items: center;
+  justify-content: center;
   display: flex;
-  padding-left: 10px;
-  padding-right: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  width: 150px;
+  transition: background-color 0.3s, font-weight 0.3s, border-bottom 0.3s;
 }
 
-.NavLinks:hover {
+.NavLinks:hover,
+.NavLinksActive{
   color: #9e0000;
   text-decoration: none;
+  align-items: center;
+  justify-content: center;
   background-color: #ffcfcf;
-  font-weight: 800;
+  /*font-weight: 800;*/
   border-bottom: 3px solid #9e0000;
 }
-.NavLinksActive {
+
+
+/*.NavLinks:nth-child(2) {
+  padding-left: 35px;
+  padding-right: 35px; 
+}*/
+
+
+/*.NavLinksActive {
   color: #9e0000;
   text-decoration: none;
   background-color: #ffcfcf;
   font-weight: 800;
   border-bottom: 3px solid #9e0000;
-}
+  padding-right: 35px;
+}*/
 
 @media (max-width: 865px) {
   .NavbarItems {

diff --git a/src/Components/Navbar/Navbar.js b/src/Components/Navbar/Navbar.js
@@ -29,12 +29,13 @@ function Nav({ route }) {
       onClickFunction: (attribute) => setDevelopers(attribute),
       attribute: allDevelopers,
     },
-    {
+    /*{
       label: "Ideas",
       url: "/ideas",
       onClickFunction: () => {},
       attribute: [],
-    },
+    },*/
+
   ];
 
   const CompanyMenu = [

diff --git a/src/Components/NavbarHome/NavbarHome.js b/src/Components/NavbarHome/NavbarHome.js
@@ -34,9 +34,9 @@ function NavbarHome() {
           <Link to="/developers" className="nav_item">
             Developers
           </Link>
-          <Link to="/ideas" className="nav_item">
+          {/*<Link to="/ideas" className="nav_item">
             Ideas
-          </Link>
+          </Link>*/}
           {/* <Link to="/jobs" className="nav_item">
             Jobs
           </Link> /}