Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplify settings page

Browse Source
This commit is contained in:
Martti Malmi
2023-11-21 14:17:47 +02:00
parent dd941ae70e
commit 4dfa610c87
2 changed files with 43 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/Pages/Layout/NavSidebar.tsx
View File

@ -30,15 +30,15 @@ export default function NavSidebar() {
<div className="sticky border-r border-neutral-900 top-0 z-20 h-screen max-h-screen hidden md:flex xl:w-56 flex-col px-2 py-4 flex-shrink-0 gap-2">
<LogoHeader />
<div className="flex-grow flex flex-col justify-between">
<div className="flex flex-col gap-2">
<div className="flex flex-col">
{MENU_ITEMS.map(item => (
<NavLink
key={item.link}
to={item.link}
className="flex items-center py-2 px-4 rounded-full text-neutral-100 hover:bg-neutral-800 hover:text-neutral-200 hover:no-underline"
className="settings-row hover:no-underline"
activeClassName="bg-neutral-800 text-neutral-200">
<Icon name={item.icon} size={24} className="mr-2" />
<span className="hidden xl:inline">{item.label}</span>
<Icon name={item.icon} size={24} />
<span className="hidden xl:inline ml-2">{item.label}</span>
</NavLink>
))}
</div>