hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add prettier formatter to all file

Browse Source
This commit is contained in:
Ehsan
2024-09-25 11:03:44 +03:30
parent fa38ee2b21
commit eda896e917
410 changed files with 47636 additions and 43842 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layout/header/list/Row.js
+20 -18
View File
@@ -3,25 +3,27 @@ import { isActiveURL } from "@/helper";
import Link from "next/link";
function Row({ name }) {
return (
<ul className="hidden lg:flex items-center justify-center gap-[30px] xl:gap-[40px]">
{listNav.map(nav => (
<li
key={nav.id}
>
<Link
href={nav.link}
className={`
${isActiveURL(nav.link.replace('/', ''), name) ? '!text-[#526CAC]' : 'text-[#525252]'}
return (
<ul className="hidden lg:flex items-center justify-center gap-[30px] xl:gap-[40px]">
{listNav.map((nav) => (
<li key={nav.id}>
<Link
href={nav.link}
className={`
${
isActiveURL(nav.link.replace("/", ""), name)
? "!text-[#526CAC]"
: "text-[#525252]"
}
text-[16px] font-medium
`}
>
{nav.name}
</Link>
</li>
))}
</ul>
)
>
{nav.name}
</Link>
</li>
))}
</ul>
);
}
export default Row
export default Row;
components/layout/header/list/col/BgGray.js
+12 -8
View File
@@ -1,13 +1,17 @@
function BgGray({ isActive, setIsActive }) {
return (
<div
onClick={() => setIsActive(false)}
className={`
${isActive ? 'bg-[#232323] opacity-40 flex' : 'bg-transparent opacity-40 hidden'}
return (
<div
onClick={() => setIsActive(false)}
className={`
${
isActive
? "bg-[#232323] opacity-40 flex"
: "bg-transparent opacity-40 hidden"
}
absolute z-[5] cursor-pointer transition-all duration-500 left-0 top-[-12px] sm:top-[-21px] md:top-[-30px] lg:top-[-40px] w-screen h-screen
`}
></div>
)
></div>
);
}
export default BgGray
export default BgGray;
components/layout/header/list/col/ButtonMenu.js
+29 -21
View File
@@ -1,28 +1,36 @@
import { Button } from "@mui/material"
import { Button } from "@mui/material";
function ButtonMenu({ isActive, setIsActive }) {
return (
<Button
onClick={() => setIsActive(!isActive)}
className="!py-[6px] !px-[2px] !flex !p-0.5 !w-[24px] !h-[24px] !flex-col !justify-between !items-center"
>
<span
className={`min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${isActive ? '-rotate-45 w-1/2 translate-x-[60%] translate-y-[8px]' : 'rotate-0 w-full'}
return (
<Button
onClick={() => setIsActive(!isActive)}
className="!py-[6px] !px-[2px] !flex !p-0.5 !w-[24px] !h-[24px] !flex-col !justify-between !items-center"
>
<span
className={`min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${
isActive
? "-rotate-45 w-1/2 translate-x-[60%] translate-y-[8px]"
: "rotate-0 w-full"
}
`}
></span>
<span
className={`w-full min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${isActive && 'rotate-180'}
></span>
<span
className={`w-full min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${isActive && "rotate-180"}
`}
></span>
<span
className={`min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${isActive ? 'rotate-45 w-1/2 translate-x-[60%] translate-y-[-8px]' : 'rotate-0 w-full'}
></span>
<span
className={`min-h-[2px] transition-all duration-500 ease-in-out rounded-[40px] bg-[#6C757D]
${
isActive
? "rotate-45 w-1/2 translate-x-[60%] translate-y-[-8px]"
: "rotate-0 w-full"
}
`}
></span>
</Button>
)
></span>
</Button>
);
}
export default ButtonMenu
export default ButtonMenu;
components/layout/header/list/col/index.js
+33 -31
View File
@@ -4,43 +4,45 @@ import Link from "next/link";
import { isActiveURL } from "@/helper";
function Col({ isActive, setIsActive, name }) {
return (
<div className="flex lg:hidden">
{/* <Button variant="text" className="!p-0.5">
return (
<div className="flex lg:hidden">
{/* <Button variant="text" className="!p-0.5">
<MenuHead />
</Button> */}
<div className={`
<div
className={`
fixed pb-[31px] pt-[64px] pl-[24px] padding-responsive top-[-12px] sm:top-[-21px]
md:top-[-30px] lg:top-[-40px] w-[85%] z-10 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-[38px]">
{listNav.map(nav => (
<li
key={nav.id}
className="w-full"
>
<Link
href={nav.link}
className="w-full"
>
<Button className={`
${isActive ? "right-0" : "-right-[85%]"}
`}
>
<ul className="flex flex-col items-start justify-center gap-[30px] mt-[38px]">
{listNav.map((nav) => (
<li key={nav.id} className="w-full">
<Link href={nav.link} className="w-full">
<Button
className={`
!h-10
${isActiveURL(nav.link.replace('/', ''), name) ?
'!text-[#526CAC] !bg-[rgba(199,_206,_244,_0.30)]' :
'!text-[#525252]'
${
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>
)
`}
>
{nav.name}
</Button>
</Link>
</li>
))}
</ul>
</div>
</div>
);
}
export default Col
export default Col;