owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

hamburger menu transition

Browse Source
This commit is contained in:
Owen Rees
2023-06-15 23:15:05 +02:00
parent 9d2fa1071b
commit 9a3910e3d7
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Hamburger.tsx
+5 -3
View File
@@ -8,13 +8,15 @@ const Hamburger = () => {
const [menuVisible, setMenuVisible] = useState(false);
return (
<>
{" "}
<div className="space-y-2" onClick={() => setMenuVisible(!menuVisible)}>
<div
className="space-y-2 relative z-[99999]"
onClick={() => setMenuVisible(!menuVisible)}
>
<div className="w-8 h-0.5 bg-gray-600 dark:bg-white"></div>
<div className="w-8 h-0.5 bg-gray-600 dark:bg-white"></div>
<div className="w-8 h-0.5 bg-gray-600 dark:bg-white"></div>
</div>
{menuVisible && <HamburgerMenu />}
{<HamburgerMenu menuVisible={menuVisible} />}
</>
);
};