Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-04-28 12:06:38 +02:00
parent 25350969fd
commit 5ba66f79ba
2 changed files with 13 additions and 6 deletions

View file

@ -41,18 +41,25 @@ const SidebarNavigationLink = React.forwardRef((props: ISidebarNavigationLink, r
ref={ref} ref={ref}
onClick={handleClick} onClick={handleClick}
className={clsx({ className={clsx({
'flex items-center px-4 py-3.5 text-base font-semibold space-x-4 rtl:space-x-reverse rounded-full group text-gray-600 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-100 hover:bg-primary-200 dark:hover:bg-primary-900': true, 'flex items-center py-2 text-sm font-semibold space-x-4 rtl:space-x-reverse': true,
'dark:text-gray-100 text-gray-900': isActive, 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200': !isActive,
'text-gray-900 dark:text-white': isActive,
})} })}
> >
<span className='relative'> <span
className={clsx({
'relative rounded-lg inline-flex p-2.5': true,
'bg-primary-50 dark:bg-slate-700': !isActive,
'bg-primary-600': isActive,
})}
>
<Icon <Icon
src={(isActive && activeIcon) || icon} src={(isActive && activeIcon) || icon}
count={count} count={count}
countMax={countMax} countMax={countMax}
className={clsx('h-5 w-5', { className={clsx('h-5 w-5', {
'text-gray-600 black:text-white dark:text-gray-500 group-hover:text-primary-500 dark:group-hover:text-primary-400': !isActive, 'text-primary-700 dark:text-white': !isActive,
'text-primary-500 dark:text-primary-400': isActive, 'text-white': isActive,
})} })}
/> />
</span> </span>

View file

@ -114,7 +114,7 @@ const SidebarNavigation = () => {
return ( return (
<Stack space={4}> <Stack space={4}>
<Stack space={2}> <Stack space={1.5}>
<SidebarNavigationLink <SidebarNavigationLink
to='/' to='/'
icon={require('@tabler/icons/outline/home.svg')} icon={require('@tabler/icons/outline/home.svg')}