diff --git a/src/Components/Navbar/Navbar.css b/src/Components/Navbar/Navbar.css index 0fad9a3..6cb5888 100644 --- 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 index 9f52ae6..605ac59 100644 --- 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 index 39099ac..d3a7aea 100644 --- a/src/Components/NavbarHome/NavbarHome.js +++ b/src/Components/NavbarHome/NavbarHome.js @@ -34,9 +34,9 @@ function NavbarHome() { Developers - + {/* Ideas - + */} {/* Jobs /}