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

4
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,6 +168,7 @@ const SelectBoardsMenu = () => {
</HeaderButton> </HeaderButton>
</Menu.Target> </Menu.Target>
<Menu.Dropdown style={{ transform: "translate(-7px, 0)" }}> <Menu.Dropdown style={{ transform: "translate(-7px, 0)" }}>
<ScrollArea.Autosize mah={300}>
{boards.map((board) => ( {boards.map((board) => (
<Menu.Item <Menu.Item
key={board.id} key={board.id}
@@ -178,6 +179,7 @@ const SelectBoardsMenu = () => {
{board.name} {board.name}
</Menu.Item> </Menu.Item>
))} ))}
</ScrollArea.Autosize>
</Menu.Dropdown> </Menu.Dropdown>
</Menu> </Menu>
); );