deign sidebar

This commit is contained in:
Ehsan
2024-10-20 00:00:24 +03:30
parent a3699f1e42
commit d91ea41065
3 changed files with 27 additions and 14 deletions
+2 -1
View File
@@ -8,7 +8,8 @@ function BgGray({ isActive, setIsActive }) {
? "bg-[#232323] opacity-40 flex"
: "bg-transparent opacity-40 hidden"
}
absolute z-[5] cursor-pointer transition-all duration-500 left-0 top-0 w-screen h-screen
absolute lg:hidden z-[5] cursor-pointer transition-all duration-500 left-0 w-screen h-[calc(100vh_+_40px)]
-top-[12px] sm:-top-[21px] md:-top-[30px] lg:-top-[40px]
`}
></div>
);
+2 -2
View File
@@ -8,8 +8,8 @@ function Col({ isActive, setIsActive, name }) {
<div className="flex lg:hidden">
<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
fixed pb-[31px] pt-[64px] pl-[24px] padding-responsive top-0
w-[85%] z-10 h-screen bg-[#FAFAFA] transition-all duration-500
${isActive ? "right-0" : "-right-[85%]"}
`}
>