NicollyVieira/desafio-react-e-typescript-nicolly-vieira
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(HeaderBotom): Conserta o overflow hidden do menu #9

Merged
NicollyVieira merged 1 commits from feature/header into development 2023-01-07 17:42:26 +00:00
Conversation 0 Commits 1 Files Changed 2 +13 -12
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
desafio-react-typescript/src/components/Header/Header.tsx
View File

@ -6,21 +6,21 @@ import styles from "./Header.module.scss";
const Header = () => {
const [isOpen, setIsOpen] = useState(false);
const resizeWindow = () => {
window.addEventListener("resize", () => {
if(window.innerWidth > 1024) {
document.body.style.overflowY = "auto";
}
});
};
useEffect(() => {
resizeWindow();
})
window.addEventListener("resize", () => {
if (window.innerWidth > 1024) {
document.body.style.overflowY = "auto";
}
if (window.innerWidth <= 1024 && isOpen) {
document.body.style.overflowY = "hidden";
} else {
document.body.style.overflowY = "auto";
}
});
});
return (
<header id="home" className={styles["header"]}>
<header className={styles["header"]}>
<HeaderTop isOpen={isOpen} setIsOpen={setIsOpen} />
<HeaderBottom isOpen={isOpen} setIsOpen={setIsOpen} />
</header>

1
desafio-react-typescript/src/components/Header/components/HeaderBottom.module.scss
View File

@ -5,6 +5,7 @@
background: $black;
padding: 14px 100px;
z-index: 20;
@include mq($lg, max) {
position: absolute;