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/HamburgerMenu.tsx
+7 -3
View File
@@ -1,10 +1,14 @@
import Link from "next/link";
import ThemeSwitcher from "@/components/ThemeSwitcher";
const HamburgerMenu = () => {
const HamburgerMenu = ({ menuVisible }: { menuVisible: boolean }) => {
return (
<div className="hamburgerMenu absolute top-16 right-0 z-[9999] bg-teal-600 flex md:hidden dark:bg-gray-600">
<ul className="list-reset text-white p-5">
<div
className={`absolute top-0 ${
menuVisible ? "right-0" : "-right-[173px]"
} z-[9999] bg-teal-600 flex md:hidden dark:bg-gray-600 transition-all duration-500 ease-linear`}
>
<ul className="list-reset text-white mt-16 p-5">
<li className="py-5">
<Link href="/tournois">Tournois</Link>
</li>