AdilsonFernandoNevesOrnellas/desafio-react-e-typescript-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hotfix: add tag a (link) no header

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-01-07 11:32:07 -03:00
parent 38d9663667
commit f96a6e9310
4 changed files with 54 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
adilson-fernando/src/components/Header/Header.tsx
View File

@ -57,7 +57,9 @@ const Header = ({handleOpenModal}:HeaderProps) => {
</div>
<div className={styles["top-entrarCarrinho"]}>
<h2 className={styles["entrarCarrinho-texto"]}>ENTRAR</h2>
<h2 className={styles["entrarCarrinho-texto"]}>
<a className={styles["entrarCarinho-texto-a"]} href="/">ENTRAR</a>
</h2>
<a href="/">
<img
className={styles["entrarCarrinho-img"]}
@ -70,9 +72,18 @@ const Header = ({handleOpenModal}:HeaderProps) => {
<div className={styles["header-navBar"]}>
<ul className={styles["navBar-Ul"]}>
<li className={styles["navBar-Li"]}>CURSOS</li>
<li className={styles["navBar-Li"]}>SAIBA MAIS</li>
<li className={styles["navBar-Li"]}>INSTITUCIONAIS</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">CURSOS</a>
</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">SAIBA MAIS</a>
</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">INSTITUCIONAIS</a>
</li>
</ul>
</div>

16
adilson-fernando/src/components/Header/MenuHamburguer.tsx
View File

@ -24,16 +24,24 @@ function MenuHamburguer ({isOpen, onRequestClose}:MenuHamburguerProps){
>
<div className={styles["menuHamburguer"]} >
<div className={styles["div-entrar"]}>
<h2 className={styles["entrar-texto"]}>ENTRAR</h2>
<h2 className={styles["entrar-texto"]}>
<a className={styles["entrar-texto-a"]} href="/">ENTRAR</a>
</h2>
<button onClick={onRequestClose}>
<img className={styles["entra-img"]} src={fecharMenu} alt="Fechar Menu" />
</button>
</div>
<div className={styles["header-navBar"]}>
<ul className={styles["navBar-Ul"]}>
<li className={styles["navBar-Li"]}>CURSOS</li>
<li className={styles["navBar-Li"]}>SAIBA MAIS</li>
<li className={styles["navBar-Li"]}>INSTITUCIONAIS</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">CURSOS</a>
</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">SAIBA MAIS</a>
</li>
<li className={styles["navBar-Li"]}>
<a className={styles["navBar-Li-a"]} href="/">INSTITUCIONAIS</a>
</li>
</ul>
</div>
</div>

34
adilson-fernando/src/styles/Hamburguer.module.scss
View File

@ -24,13 +24,15 @@
padding-right: 32px;
.entrar-texto{
font-family: 'Roboto',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
.entrar-texto-a{
text-decoration: none;
font-family: 'Roboto',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
}
}
.entra-img{
position: absolute;
@ -47,14 +49,16 @@
list-style: none;
.navBar-Li{
margin-bottom:12px ;
font-family: 'Roboto',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #C4C4C4;
.navBar-Li-a{
text-decoration: none;
font-family: 'Roboto',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #C4C4C4;
}
}
}
}

9
adilson-fernando/src/styles/Header.module.scss
View File

@ -136,6 +136,10 @@
line-height: 16px;
color: white;
margin-right: 40.45% ;
.entrarCarinho-texto-a{
color: white;
text-decoration: none;
}
@media (min-width: 2500px){
font-size: 28px;
line-height: 33px;
@ -165,7 +169,6 @@
@media (max-width: 1024px){
display: none;
}
.navBar-Ul{
display: flex;
list-style: none;
@ -177,6 +180,10 @@
}
.navBar-Li{
margin-right: 4.297%;
.navBar-Li-a{
color: white;
text-decoration: none;
}
@media (min-width: 2500px){
font-size: 28px;
line-height: 33px;