design dark mode layout panel page

2024-09-27 16:07:12 +03:30
parent 3fe2b8ee85
commit af46e780b7
10 changed files with 34 additions and 16 deletions
@@ -30,8 +30,8 @@ function Sidebar({ active, setActive, open, setOpen }) {
           z-30 md:top-0 md:right-0 w-[85%]
        ${active ? " right-0" : "right-[-85%]"}
          overflow-hidden p-[24px] h-full flex flex-col justify-between items-start fixed 
-          border-0 border-l border-l-[#EFEFEF] bg-[#FFF]
-          transition-all duration-500
+          border-0 border-l border-l-[#EFEFEF] bg-[#FFF] dark:bg-[#222433]
+          transition-all duration-500 dark:border-transparent
          ${open ? "md:w-[243px]" : "md:w-[92px] hover:md:w-[243px]"}
        `}
        >