matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: sidebar style improvements

Browse Source 
Signed-off-by: mkljczk <git@mkljczk.pl>
This commit is contained in:
mkljczk
2025-02-02 21:05:19 +01:00
parent 1104d0dc80
commit 12b6a28eec
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/pl-fe/src/components/sidebar-menu.tsx
View File

@ -62,7 +62,7 @@ interface ISidebarLink {
const SidebarLink: React.FC<ISidebarLink> = React.memo(({ href, to, icon, text, onClick }) => {
const body = (
<HStack space={2} alignItems='center'>
<div className='relative inline-flex rounded-md bg-primary-100 p-2 dark:bg-gray-800'>
<div className='relative inline-flex rounded-lg bg-primary-100 p-2 dark:bg-gray-800'>
<Icon src={icon} className='size-5 text-primary-500' />
</div>
@ -72,14 +72,14 @@ const SidebarLink: React.FC<ISidebarLink> = React.memo(({ href, to, icon, text,
if (to) {
return (
<NavLink className='group rounded-full text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800' to={to} onClick={onClick}>
<NavLink className='group rounded-lg text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800' to={to} onClick={onClick}>
{body}
</NavLink>
);
}
return (
<a className='group rounded-full text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800' href={href} target='_blank' onClick={onClick}>
<a className='group rounded-lg text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-gray-800' href={href} target='_blank' onClick={onClick}>
{body}
</a>
);