diff --git a/react-project/src/assets/styles/Home.module.scss b/react-project/src/assets/styles/Home.module.scss index b8f5ccf..24e2b8a 100644 --- a/react-project/src/assets/styles/Home.module.scss +++ b/react-project/src/assets/styles/Home.module.scss @@ -1,8 +1,12 @@ .main { border: 1px solid red; - header { - margin-bottom: 50px; + margin-left: 100px; + margin-right: 100px; + + &__title { + text-align: center; + margin-bottom: 80px; } .navigation { @@ -10,10 +14,16 @@ &__items { list-style: none; - margin-left: 20px; + border-right: 1px solid black; + width: 302px; + height: 285px; + margin-right: 30px; a { + padding: 10px 16px; + display: block; text-decoration: none; + color: gray; /*color: $black;*/ } } @@ -23,8 +33,3 @@ margin-top: 50px; } } - -.testeh3 { - color: red; - margin-bottom: 20px; -} diff --git a/react-project/src/assets/styles/global.scss b/react-project/src/assets/styles/global.scss index f42fa42..9aa2d34 100644 --- a/react-project/src/assets/styles/global.scss +++ b/react-project/src/assets/styles/global.scss @@ -6,3 +6,8 @@ //Colors $black: #000; + +.ativo { + color: white !important; + background-color: black; +} diff --git a/react-project/src/components/Navigation.tsx b/react-project/src/components/Navigation.tsx index 9e1a195..2c2024e 100644 --- a/react-project/src/components/Navigation.tsx +++ b/react-project/src/components/Navigation.tsx @@ -4,25 +4,57 @@ import { NavLink } from "react-router-dom"; import styles from "../assets/styles/Home.module.scss"; const Navigation = () => { + let activeClassName = "ativo"; + return ( ); diff --git a/react-project/src/pages/Home.tsx b/react-project/src/pages/Home.tsx index 097b2cb..c754618 100644 --- a/react-project/src/pages/Home.tsx +++ b/react-project/src/pages/Home.tsx @@ -17,20 +17,22 @@ import { Contato } from "../components/Contato"; const Home = () => { return ( -
+
-

Teste HOME

+
+

INSTITUCIONAL

-
- - - } /> - } /> - } /> - } /> - } /> - } /> - +
+ + + } /> + } /> + } /> + } /> + } /> + } /> + +