Use filled icons when side panel is open

This commit is contained in:
sabaimran 2024-08-03 15:42:49 +05:30
parent e6260a7bb6
commit 5a75f2c00f

View file

@ -711,10 +711,10 @@ export default function SidePanel(props: SidePanelProps) {
</Link> </Link>
<div className='grid grid-flow-col gap-2 items-center'> <div className='grid grid-flow-col gap-2 items-center'>
<Link className='mx-4' href="/"> <Link className='mx-4' href="/">
{enabled ? <NotePencil className="h-6 w-6" /> : <NotePencil className="h-6 w-6" color="gray" />} {enabled ? <NotePencil className="h-6 w-6" weight="fill" /> : <NotePencil className="h-6 w-6" color="gray" />}
</Link> </Link>
<button className={styles.button} onClick={() => setEnabled(!enabled)}> <button className={styles.button} onClick={() => setEnabled(!enabled)}>
{enabled ? <Sidebar className="h-6 w-6" /> : <Sidebar className="h-6 w-6" color="gray" />} {enabled ? <Sidebar className="h-6 w-6" weight="fill" /> : <Sidebar className="h-6 w-6" color="gray" />}
</button> </button>
</div> </div>
<div className="fixed right-0 top-[0.9rem] w-fit h-fit"> <div className="fixed right-0 top-[0.9rem] w-fit h-fit">