danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: change side menu item color to black

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-08-12 16:40:19 +03:30
parent 4cd7b16512
commit 18ac033cde
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/menu/SideMenu.tsx
+4 -4
View File
@@ -99,7 +99,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
return ( return (
<li key={index} className="mt-4 h-6"> <li key={index} className="mt-4 h-6">
<SideMenuItem <SideMenuItem
className={clsx(isActive && 'text-foreground! border-primary!', 'border-r-4!')} className={clsx(isActive && 'text-primary! border-primary!', 'border-r-4!')}
href={href ?? ''} href={href ?? ''}
title={tMenu(item.title)} title={tMenu(item.title)}
onClick={ onClick={
@@ -111,7 +111,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<Icon <Icon
variant={isActive ? 'Bold' : 'Linear'} variant={isActive ? 'Bold' : 'Linear'}
className={clsx( className={clsx(
isActive ? 'text-foreground fill-foreground ' : 'stroke-icon-deactive text-icon-deactive' isActive ? 'text-primary fill-primary ' : 'stroke-icon-deactive text-icon-deactive'
)} )}
size={20} width={20} height={20} /> size={20} width={20} height={20} />
} }
@@ -135,7 +135,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<SideMenuItem <SideMenuItem
key={index} key={index}
href={item.href ?? ''} href={item.href ?? ''}
className={clsx(isActive && 'text-foreground! border-primary!', 'border-r-4!')} className={clsx(isActive && 'text-primary! border-primary!', 'border-r-4!')}
onClick={ onClick={
typeof item.href === 'string' typeof item.href === 'string'
? hrefOnClicks.find((i) => i.href === item.href)?.handler ? hrefOnClicks.find((i) => i.href === item.href)?.handler
@@ -146,7 +146,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
<Icon <Icon
variant={isActive ? 'Bold' : 'Linear'} variant={isActive ? 'Bold' : 'Linear'}
className={clsx( className={clsx(
isActive ? 'text-foreground fill-foreground ' : 'stroke-icon-deactive text-icon-deactive' isActive ? 'text-primary fill-primary ' : 'stroke-icon-deactive text-icon-deactive'
)} )}
size={20} width={20} height={20} /> size={20} width={20} height={20} />