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

settings sidebar tweaks

Browse Source
This commit is contained in:
Josh Hawkins 2025-10-08 15:34:56 -05:00
parent 18be214f48
commit 0d87296139
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/pages/Settings.tsx
View File

@ -448,9 +448,9 @@ export default function Settings() {
</div> </div>
)} )}
</div> </div>
<SidebarProvider className="md:h-dvh md:pb-24"> <SidebarProvider>
<Sidebar variant="inset" className="relative mb-8 pt-0"> <Sidebar variant="inset" className="relative mb-8 pl-0 pt-0">
<SidebarContent className="border-r-[1px] border-secondary bg-background pt-2"> <SidebarContent className="scrollbar-container mb-20 overflow-y-auto border-r-[1px] border-secondary bg-background py-2">
<SidebarMenu> <SidebarMenu>
{settingsGroups.map((group) => { {settingsGroups.map((group) => {
const filteredItems = group.items.filter((item) => const filteredItems = group.items.filter((item) =>
@ -463,7 +463,7 @@ export default function Settings() {
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton <SidebarMenuButton
className="ml-0 pl-0" className="ml-0"
isActive={pageToggle === filteredItems[0].key} isActive={pageToggle === filteredItems[0].key}
onClick={() => { onClick={() => {
if ( if (
@ -490,7 +490,7 @@ export default function Settings() {
<> <>
<SidebarGroupLabel <SidebarGroupLabel
className={cn( className={cn(
"ml-0 cursor-default pl-0 text-sm", "ml-2 cursor-default pl-0 text-sm",
filteredItems.some( filteredItems.some(
(item) => pageToggle === item.key, (item) => pageToggle === item.key,
) )
@ -500,7 +500,7 @@ export default function Settings() {
> >
{group.label} {group.label}
</SidebarGroupLabel> </SidebarGroupLabel>
<SidebarMenuSub className="mx-1 border-0"> <SidebarMenuSub className="mx-2 border-0">
{filteredItems.map((item) => ( {filteredItems.map((item) => (
<SidebarMenuSubItem key={item.key}> <SidebarMenuSubItem key={item.key}>
<SidebarMenuSubButton <SidebarMenuSubButton