change element component & add menu head & responsive head home

2024-08-10 03:23:34 +03:30
parent 01de360360
commit 0afe0a39b0
14 changed files with 243 additions and 69 deletions
@@ -0,0 +1,46 @@
+import { listNav } from "@/constans";
+import { Button } from "@mui/material";
+import Link from "next/link";
+import { isActiveURL } from "@/helper";
+
+function Col({ isActive, setIsActive }) {
+    return (
+        <div className="flex lg:hidden">
+            {/* <Button variant="text" className="!p-0.5">
+                <MenuHead />
+            </Button> */}
+
+            <div className={`
+            fixed pb-[31px] pt-[64px] pl-[24px]  padding-responsive top-[-12px] sm:top-[-21px] 
+            md:top-[-30px] lg:top-[-40px] w-[85%] h-screen bg-[#FAFAFA] transition-all duration-500
+            ${isActive ? 'right-0' : '-right-[85%]'}
+            `}>
+                <ul className="flex flex-col items-start justify-center gap-[30px] mt-[78px] mr-[16px]">
+                    {listNav.map(nav => (
+                        <li
+                            key={nav.id}
+                            className="w-full"
+                        >
+                            <Link
+                                href={nav.link}
+                                className="w-full"
+                            >
+                                <Button className={`
+                                ${isActiveURL(nav.link.replace('/', ''), name) ?
+                                        '!text-[#526CAC] !bg-[rgba(199,_206,_244,_0.30)]' :
+                                        '!text-[#525252]'
+                                    }
+                                    !text-[16px] !w-full !flex !justify-start !font-medium !py-2.5 !px-4
+                                `}>
+                                    {nav.name}
+                                </Button>
+                            </Link>
+                        </li>
+                    ))}
+                </ul>
+            </div>
+        </div>
+    )
+}
+
+export default Col