jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(boards): add scrollarea to board-select (#2409)

Browse Source
This commit is contained in:
Meier Lukas
2025-02-24 17:46:57 +01:00
committed by GitHub
parent ef9289d945
commit 508f9afeb5
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/nextjs/src/app/[locale]/boards/(content)/_header-actions.tsx
View File

@@ -4,7 +4,7 @@ import type { MouseEvent } from "react";
import { useCallback, useEffect } from "react"; import { useCallback, useEffect } from "react";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { Group, Menu } from "@mantine/core"; import { Group, Menu, ScrollArea } from "@mantine/core";
import { useHotkeys } from "@mantine/hooks"; import { useHotkeys } from "@mantine/hooks";
import { import {
IconBox, IconBox,
@@ -168,16 +168,18 @@ const SelectBoardsMenu = () => {
</HeaderButton> </HeaderButton>
</Menu.Target> </Menu.Target>
<Menu.Dropdown style={{ transform: "translate(-7px, 0)" }}> <Menu.Dropdown style={{ transform: "translate(-7px, 0)" }}>
{boards.map((board) => ( <ScrollArea.Autosize mah={300}>
<Menu.Item {boards.map((board) => (
key={board.id} <Menu.Item
component={Link} key={board.id}
href={`/boards/${board.name}`} component={Link}
leftSection={<IconLayoutBoard size={20} />} href={`/boards/${board.name}`}
> leftSection={<IconLayoutBoard size={20} />}
{board.name} >
</Menu.Item> {board.name}
))} </Menu.Item>
))}
</ScrollArea.Autosize>
</Menu.Dropdown> </Menu.Dropdown>
</Menu> </Menu>
); );