anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando componente Authors e styles.css dele

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-07 07:09:00 -03:00
parent 6454d20579
commit e1dfbe657c
3 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
react/Authors.tsx Normal file
View File

@ -0,0 +1,3 @@
import Authors from "./components/Authors/Authors";
export default Authors;

27
react/components/Authors/Authors.tsx Normal file
View File

@ -0,0 +1,27 @@
import React from "react";
import styles from "./styles.css";
const Authors = () => {
return (
<div>
<ul className={styles.AutoresGroup}>
<li className={styles.AutoresList}>
Powered by
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logovtex-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone logo vtex"
/>
</li>
<li className={styles.AutoresList}>
Developed by
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logom3-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone logo m3"
/>
</li>
</ul>
</div>
);
};
export default Authors;

20
react/components/Authors/styles.css Normal file
View File

@ -0,0 +1,20 @@
/* Footer Credits */
.AutoresGroup {
display: flex;
align-items: center;
column-gap: 15.73px;
margin: 0;
padding: 0;
}
.AutoresList {
display: flex;
align-items: center;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #ffffff;
column-gap: 8.72px;
}