administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-09 04:35:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix sidebar spacing

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-05 14:50:37 -07:00
parent a1dac63e51
commit cdc700a457
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/navigation/Sidebar.tsx
View File

@ -13,20 +13,23 @@ function Sidebar() {
<span tabIndex={0} className="sr-only" /> <span tabIndex={0} className="sr-only" />
<div className="w-full flex flex-col gap-0 items-center"> <div className="w-full flex flex-col gap-0 items-center">
<Logo className="w-8 h-8 mb-6" /> <Logo className="w-8 h-8 mb-6" />
{navbarLinks.map((item) => ( {navbarLinks.map((item) => {
<div key={item.id}> const showCameraGroups =
<NavItem item.id == 1 && item.url == location.pathname;
className={`mx-[10px] ${item.id == 1 ? "mb-2" : "mb-4"}`}
Icon={item.icon} return (
title={item.title} <div key={item.id}>
url={item.url} <NavItem
dev={item.dev} className={`mx-[10px] ${showCameraGroups ? "mb-2" : "mb-4"}`}
/> Icon={item.icon}
{item.id == 1 && item.url == location.pathname && ( title={item.title}
<CameraGroupSelector className="mb-4" /> url={item.url}
)} dev={item.dev}
</div> />
))} {showCameraGroups && <CameraGroupSelector className="mb-4" />}
</div>
);
})}
</div> </div>
<SettingsNavItems className="hidden md:flex flex-col items-center mb-8" /> <SettingsNavItems className="hidden md:flex flex-col items-center mb-8" />
</aside> </aside>