parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobileMenu updated

Browse Source
This commit is contained in:
parsa aghaei 2024-09-24 18:07:13 +03:30
parent 7e92bbc054
commit 6d2518b4ce
2 changed files with 72 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/_components/mobile-menu/page.tsx
View File

@ -4,8 +4,13 @@ type propsType = {
};
export default function MobileMenu({ clicked, setClicked }: propsType) {
return (
<div className="flex">
<div
className={`fixed left-0 top-0 z-40 flex h-full w-[250px] flex-col items-start gap-10 bg-[#fd6f00] ${clicked ? "left-0" : "left-[-260px]"} lg:left-[-260px] mobile-menu`}
className={`fixed right-0 ${clicked ? "right-0" : "right-[-1000px]"} top-[98px] z-30 flex h-full w-full bg-slate-950 opacity-20`}
onClick={() => setClicked(false)}
></div>
<div
className={`fixed left-0 top-0 z-40 flex h-full w-[250px] flex-col items-start gap-10 bg-[#fd6f00] ${clicked ? "left-0" : "left-[-260px]"} mobile-menu lg:left-[-260px]`}
>
<div className="z-50 flex w-full flex-wrap items-center justify-start bg-white px-3 py-6">
<div className="flex w-[50px]">
@ -72,5 +77,6 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</a>
</ul>
</div>
</div>
);
}

2
src/app/_components/services/page.tsx
View File

@ -60,7 +60,7 @@ export default function Services() {
service!.title
)}
</h3>
<p className="w-full text-[14px] text-justify font-[400] text-black xl:text-[20px]">
<p className="w-full text-justify text-[14px] font-[400] text-black xl:text-[20px]">
{loading ? (
<Skeleton containerClassName={"w-full"} height={60} />
) : (