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

change size icon in panel page

Browse Source
This commit is contained in:
Ehsan
2024-09-27 12:37:03 +03:30
parent d1c8e0e00b
commit 35edd873fc
7 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/layoutPanel/sidebar/Links.js
+5 -5
View File
@@ -37,12 +37,12 @@ function Links({ open }) {
fullWidth
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]" : ""}
`}
!p-[8px] !flex !items-center !justify-start !gap-[8px] !text-[16px] !rounded-[8px] !transition-all !duration-500
${item.src === pathname ? "!bg-[#5559CE]" : ""}
`}
>
<div className="p-[4px] bg-[#E5E9FF] rounded-[4px] w-fit">
{item.icon}
<div className="p-[3px] bg-[#E5E9FF] rounded-[4px] w-fit">
<div className="w-[20px] h-[20px]">{item.icon}</div>
</div>
<p
className={`
components/layoutPanel/sidebar/index.js
+3 -3
View File
@@ -10,7 +10,7 @@ function Sidebar({ active, setActive, open, setOpen }) {
className={`
transition-all duration-500 md:flex fixed md:relative z-30 w-[85%]
${active ? " right-0" : "right-[-85%]"}
${open ? "min-w-[243px] md:w-[243px]" : "min-w-[96px] md:w-[96px]"}
${open ? "min-w-[243px] md:w-[243px]" : "min-w-[92px] md:w-[92px]"}
`}
>
<aside
@@ -18,7 +18,7 @@ function Sidebar({ active, setActive, open, setOpen }) {
relative h-screen overflow-hidden
transition-all duration-500 w-[85%]
${active ? " right-0" : "right-[-85%]"}
${open ? "w-[243px]" : "w-[96px]"}
${open ? "w-[243px]" : "w-[92px]"}
`}
>
<div
@@ -28,7 +28,7 @@ function Sidebar({ active, setActive, open, setOpen }) {
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
${open ? "md:w-[243px]" : "md:w-[96px]"}
${open ? "md:w-[243px]" : "md:w-[92px]"}
`}
>
<div className="w-full">