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

style(footer): add texto alternativo nas imagens, remoção do span no Footer Top e comentário

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-10 14:59:48 -03:00
parent 2e36f2e362
commit 0ad7b351f1
2 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -426,7 +426,7 @@ footer {
@media (max-width: 1025px) {
display: block;
}
& span {
& img {
@media (max-width: 1025px) {
background-position: center;
background-repeat: no-repeat;
@ -437,12 +437,6 @@ footer {
right: 0;
cursor: pointer;
}
& img {
@media (max-width: 1025px) {
top: 0;
position: absolute;
}
}
}
}
& :nth-child(7n) {

7
src/components/Footer/FooterTop.tsx
View File

@ -14,9 +14,8 @@ const FooterTop = () => {
<ul className={styles["Menu__List__Group"]}>
<input type="checkbox" id="FirstOption"/>
<label htmlFor="FirstOption">
<span><img src={PlusIcon} alt=""/></span>
<img src={PlusIcon} alt="ícone de abrir menu"/>
</label>
{/* <label htmlFor="FirstOption" className={styles["Menu__List__Group__Title"]}>Institucional</label> */}
<li className={styles["Menu__List__Group__Title"]}>Institucional</li>
<li className={styles["Menu__List__Group__SubTitle"]}><a href="/">Quem Somos</a></li>
<li className={styles["Menu__List__Group__SubTitle"]}><a href="/">Política de Privacidade</a></li>
@ -26,7 +25,7 @@ const FooterTop = () => {
<ul className={styles["Menu__List__Group"]}>
<input type="checkbox" id="SecondOption"/>
<label htmlFor="SecondOption">
<span><img src={PlusIcon} alt=""/></span>
<img src={PlusIcon} alt="ícone de abrir menu"/>
</label>
<li className={styles["Menu__List__Group__Title"]}>Dúvidas</li>
<li className={styles["Menu__List__Group__SubTitle"]}><a href="/">Pagamento</a></li>
@ -37,7 +36,7 @@ const FooterTop = () => {
<ul className={styles["Menu__List__Group"]}>
<input type="checkbox" id="ThirdOption"/>
<label htmlFor="ThirdOption">
<span><img src={PlusIcon} alt=""/></span>
<img src={PlusIcon} alt="ícone de abrir menu"/>
</label>
<li className={styles["Menu__List__Group__Title"]}>Fale Conosco</li>
<li className={styles["Menu__List__Group__SubTitle"]}><a href="/">Atendimento ao Consumidor</a></li>