RamonDiasFerreira/desafio-react-e-typescript-ramon-dias-ferreira
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(main): classes e estilização

Browse Source
This commit is contained in:
Ramon Dias Ferreira 2023-01-18 10:59:29 -03:00
parent a48dc8ace3
commit fe00fdd506
2 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/main/Main.tsx
View File

@ -2,13 +2,14 @@ import React from 'react';
import Institucional from '../../pages/institucional/Institucional';
import Home from '../../assets/img/home.png'
import Arrow from '../../assets/img/arrow-point-to-right.png'
import styles from '../../styles/Main.module.scss'
const Main = () => {
return(
<div>
<div>
<img src={Home} alt='home'></img>
<img src={Arrow} alt='arrow'></img>
<div className={styles['container__main']}>
<div className={styles['main__route']}>
<img className={styles['main__home']} src={Home} alt='home'></img>
<img className={styles['main__arrow']} src={Arrow} alt='arrow'></img>
<p>Institucional</p>
</div>
<Institucional/>

26
src/styles/Main.module.scss Normal file
View File

@ -0,0 +1,26 @@
.main__route {
display: flex;
padding: 29px 100px;
width: 8%;
justify-content: space-around;
align-items: center;
.main__home {
width: 15.69%;
height: 16px;
}
.main__arrow {
width: 4.47%;
height: 8px;
}
p {
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #C4C4C4;
}
}