kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-30 02:36:56 +02:00
Code Issues Projects Releases Wiki Activity

Fix navigation

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-10-18 17:32:38 +02:00
parent b1eb8b4221
commit 4b0487e300
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/navigation.js
View file

@ -10,14 +10,12 @@ import { X } from "lucide-react";
import { Fade as Hamburger } from "hamburger-react";
const OffScreenNav = ({ active, close }) => {
if (typeof window === "undefined") {
return null;
}
if (typeof document === "undefined") return <></>;
return createPortal(
<div
className={
styles.offscreenNav + " " + (active ? styles.active : "")
styles.offscreenNav + (active ? " " + styles.active : "")
}
>
<div className={styles.inner}>
@ -53,10 +51,15 @@ const OffScreenNav = ({ active, close }) => {
</Link>
</div>
</div>,
window.document.body
document.body
);
};
OffScreenNav.propTypes = {
close: PropTypes.func.isRequired,
active: PropTypes.bool.isRequired,
};
const Navigation = ({ isHome }) => {
let [atTop, setAtTop] = useState(false);
const [offscreenNavActive, setOffscreenNavActive] = useState(false);