anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #2

Merged
anacarolinaduartecavalcante merged 81 commits from develop into main 2023-01-14 14:05:45 +00:00
Conversation 0 Commits 81 Files Changed 59 +14 -18
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0669eeb9c4 - Show all commits

22
src/components/Footer/Footer.module.scss
View File

@ -269,17 +269,15 @@ footer {
& .Line {
grid-area: H;
& span {
width: 1px;
height: 24px;
display: block;
background: $primary-600;
flex: none;
flex-grow: 0;
@media (max-width: 1025px) {
width: 1px;
height: 24px;
display: block;
background: $primary-600;
flex: none;
flex-grow: 0;
@media (max-width: 1025px) {
width: 1px;
height: 20.36px;
}
height: 20.36px;
}
}
@ -543,10 +541,10 @@ footer {
padding-left: 0;
column-gap: 10px;
& li {
width: 35.01px;
width: 16.3%;
height: 35.01px;
@media (min-width: 2500px) {
width: 70.18px;
width: 18%;
height: 70px;
}
& a {

10
src/components/Footer/FooterBottom.tsx
View File

@ -25,19 +25,17 @@ const FooterBottom = () => {
<Icon src={Elo} className={styles["Elo"]} alt="ícone do cartão elo"/>
<Icon src={HiperCard} className={styles["HiperCard"]} alt="ícone do cartão hipercard"/>
<Icon src={Pagseguro} className={styles["Pagseguro"]} alt="ícone do meio de pagamento pagseguro"/>
<Icon src={Boleto} className={styles["Boleto"]} alt="ícone do meio de pagamento boleto"/>
<li className={styles["Line"]}>
<span></span>
</li>
<Icon src={Boleto} className={styles["Boleto"]} alt="ícone do meio de pagamento boleto"/>
<span className={styles["Line"]}></span>
<Icon src={VtexPci} className={styles["VtexPci"]} alt="ícone do vtex pci"/>
</ul>
<ul className={styles["Autores"]}>
<li>
Developed by
Powered by
<img src={Vtex} className={styles["Vtex"]} alt="ícone da Vtex" />
</li>
<li>
Powered by <img src={M3} className={styles["M3"]} alt="ícone do M3" />
Developed by<img src={M3} className={styles["M3"]} alt="ícone do M3" />
</li>
</ul>
</>