diff --git a/src/app/deals/components/shared/Board/Board.tsx b/src/app/deals/components/shared/Board/Board.tsx index ac09136..60da2a4 100644 --- a/src/app/deals/components/shared/Board/Board.tsx +++ b/src/app/deals/components/shared/Board/Board.tsx @@ -33,8 +33,8 @@ const Board: FC = ({ board }) => { onComplete={value => onUpdateBoard(board.id, { name: value })} inputStyles={{ input: { - height: 25, - minHeight: 25, + height: 24, + minHeight: 24, }, }} getChildren={startEditing => ( diff --git a/src/app/deals/components/shared/CreateBoardButton/CreateBoardButton.tsx b/src/app/deals/components/shared/CreateBoardButton/CreateBoardButton.tsx index edf6d37..bdefaf5 100644 --- a/src/app/deals/components/shared/CreateBoardButton/CreateBoardButton.tsx +++ b/src/app/deals/components/shared/CreateBoardButton/CreateBoardButton.tsx @@ -1,5 +1,5 @@ import { IconPlus } from "@tabler/icons-react"; -import { Box, Flex } from "@mantine/core"; +import { Box, Flex, rem } from "@mantine/core"; import { useBoardsContext } from "@/app/deals/contexts/BoardsContext"; import InPlaceInput from "@/components/ui/InPlaceInput/InPlaceInput"; import styles from "./CreateBoardButton.module.css"; @@ -8,7 +8,7 @@ const CreateBoardButton = () => { const { onCreateBoard } = useBoardsContext(); return ( - + { )} + inputStyles={{ + wrapper: { + marginRight: "var(--mantine-spacing-xs)", + paddingBlock: rem(3), + paddingLeft: "var(--mantine-spacing-xs)", + backgroundColor: + "light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6))", + borderTopLeftRadius: "var(--mantine-spacing-xs)", + borderTopRightRadius: "var(--mantine-spacing-xs)", + }, + }} modalTitle={"Создание доски"} />