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

dark mode side bar panel page

Browse Source
This commit is contained in:
Ehsan
2024-09-28 18:27:38 +03:30
parent 9992bdfa62
commit 92945e60e4
3 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layoutPanel/sidebar/Links.js
+8 -4
View File
@@ -38,10 +38,14 @@ function Links({ open }) {
variant="text"
className={`
!p-[8px] !flex !items-center !justify-start !gap-[8px] !text-[16px] !rounded-[8px] !transition-all !duration-500
${item.src === pathname ? "!bg-[#5559CE]" : ""}
${
item.src === pathname
? "!bg-[#5559CE] dark:!bg-[#1F1D2B] dark-active-icon"
: " dark-deactive-icon"
}
`}
>
<div className="p-[3px] bg-[#E5E9FF] rounded-[4px] w-fit">
<div className="p-[3px] bg-[#E5E9FF] dark:bg-transparent rounded-[4px] w-fit">
<div className="w-[20px] h-[20px]">{item.icon}</div>
</div>
<p
@@ -50,8 +54,8 @@ function Links({ open }) {
${open ? "opacity-100" : "md:opacity-0"}
${
item.src === pathname
? "!text-[#FAFAFA] !font-bold"
: "!text-[#525252] !font-medium"
? "!text-[#FAFAFA] dark:!text-[#5559CE] !font-bold"
: "!text-[#525252] dark:!text-[#A1A1A1] !font-medium"
}
`}
>