SabrinaMiranda/desafio-react-e-typescript-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Aplica mudanças no código

Browse Source
This commit is contained in:
Sabrina Miranda 2023-01-12 18:06:49 -03:00
parent 4f1eff22bd
commit cfd162a71c
4 changed files with 45 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/FooterMenu/FooterMenu.module.scss
View File

@ -18,22 +18,23 @@
}
&__top {
&__title,
&__item,
&__item-title {
color: variables.$black-300;
margin-bottom: 12px;
}
&__title-wrapper {
@media (max-width: 1024px) {
display: flex;
justify-content: space-between;
}
}
&__title,
&__item,
&__item-title,
&__title-active {
color: variables.$black-300;
margin-bottom: 12px;
}
&__title {
&__title,
&__title-active {
font-weight: 500;
font-size: 14px;
line-height: 16px;
@ -41,10 +42,6 @@
@media (max-width: 1024px) {
cursor: pointer;
&:hover {
filter: contrast(60%);
}
}
@media (min-width: 2500px) {
@ -53,15 +50,23 @@
}
}
&__title {
@media (max-width: 1024px) {
&:hover {
filter: contrast(60%);
}
}
}
&__title-active {
text-decoration-line: underline;
}
&__plus-sign {
font-weight: 500;
color: variables.$black-300;
cursor: pointer;
&:hover {
filter: contrast(60%);
}
@media (min-width: 1025px) {
display: none;
}
@ -100,7 +105,7 @@
&__item {
&:hover {
filter:contrast(60%);
text-decoration-line: underline;
}
}

15
src/components/FooterMenu/FooterMenu.tsx
View File

@ -16,7 +16,10 @@ const FooterMenu = () => {
<div className={styles["footer-menu__top"]}>
<div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive(!isActive)}>
<h3 className={styles["footer-menu__top__title"]}>
<h3 className={isActive === true && (window.innerWidth <= 1024)
? styles["footer-menu__top__title-active"]
: styles["footer-menu__top__title"]}>
INSTITUCIONAL
</h3>
@ -50,7 +53,10 @@ const FooterMenu = () => {
<div className={styles["footer-menu__top"]}>
<div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive2(!isActive2)}>
<h3 className={styles["footer-menu__top__title"]}>
<h3 className={isActive2 === true && (window.innerWidth <= 1024)
? styles["footer-menu__top__title-active"]
: styles["footer-menu__top__title"]}>
DÚVIDAS
</h3>
@ -84,7 +90,10 @@ const FooterMenu = () => {
<div className={styles["footer-menu__top"]}>
<div className={styles["footer-menu__top__title-wrapper"]} onClick={() => setIsActive3(!isActive3)}>
<h3 className={styles["footer-menu__top__title"]}>
<h3 className={isActive3 === true && (window.innerWidth <= 1024)
? styles["footer-menu__top__title-active"]
: styles["footer-menu__top__title"]}>
FALE CONOSCO
</h3>

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

@ -16,7 +16,11 @@
width: 35px;
&:hover {
filter: contrast(40%);
filter: contrast(30%);
}
&:active {
filter: contrast(100%);
}
@media (min-width: 2500px) {
@ -31,7 +35,7 @@
color: variables.$black-300;
&:hover {
filter: contrast(60%);
text-decoration-line: underline;
}
@media (min-width: 2500px) {

5
src/components/WhatsAppAndScrollTop/WhatsAppAndScrollTop.module.scss
View File

@ -29,6 +29,10 @@
&:hover {
filter: brightness(90%) ;
}
&:active {
filter: brightness(100%);
}
}
&__scrolltop {
@ -63,5 +67,4 @@
}
}
}
}