fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dots icons smaller

Browse Source
This commit is contained in:
AlexSserb
2025-09-03 11:06:07 +04:00
parent 492b7ac32e
commit 9d8ec496a1
4 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/deals/components/shared/Board/Board.tsx
View File

@ -40,7 +40,7 @@ const Board: FC<Props> = ({ board }) => {
}, },
}} }}
getChildren={startEditing => ( getChildren={startEditing => (
<> <Group wrap={"nowrap"}>
<Box> <Box>
<Text style={{ textWrap: "nowrap" }}> <Text style={{ textWrap: "nowrap" }}>
{board.name} {board.name}
@ -56,7 +56,7 @@ const Board: FC<Props> = ({ board }) => {
startEditing={startEditing} startEditing={startEditing}
/> />
)} )}
</> </Group>
)} )}
modalTitle={"Редактирование доски"} modalTitle={"Редактирование доски"}
/> />

3
src/app/deals/components/shared/BoardMenu/BoardMenu.tsx
View File

@ -2,6 +2,7 @@ import React, { FC } from "react";
import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react"; import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react";
import { Box, Group, Menu, Text } from "@mantine/core"; import { Box, Group, Menu, Text } from "@mantine/core";
import { BoardSchema } from "@/lib/client"; import { BoardSchema } from "@/lib/client";
import { iconSizeSm } from "@/theme";
type Props = { type Props = {
board: BoardSchema; board: BoardSchema;
@ -25,7 +26,7 @@ const BoardMenu: FC<Props> = ({
cursor: "pointer", cursor: "pointer",
}} }}
onClick={e => e.stopPropagation()}> onClick={e => e.stopPropagation()}>
<IconDotsVertical /> <IconDotsVertical size={iconSizeSm} />
</Box> </Box>
</Menu.Target> </Menu.Target>
<Menu.Dropdown> <Menu.Dropdown>

5
src/app/deals/components/shared/StatusMenu/StatusMenu.tsx
View File

@ -7,8 +7,9 @@ import {
} from "@tabler/icons-react"; } from "@tabler/icons-react";
import { Box, Group, Menu, Text } from "@mantine/core"; import { Box, Group, Menu, Text } from "@mantine/core";
import { useDrawersContext } from "@/drawers/DrawersContext"; import { useDrawersContext } from "@/drawers/DrawersContext";
import { BoardSchema, StatusSchema } from "@/lib/client";
import useIsMobile from "@/hooks/utils/useIsMobile"; import useIsMobile from "@/hooks/utils/useIsMobile";
import { BoardSchema, StatusSchema } from "@/lib/client";
import { iconSizeSm } from "@/theme";
type Props = { type Props = {
status: StatusSchema; status: StatusSchema;
@ -36,7 +37,7 @@ const StatusMenu: FC<Props> = ({
<Box <Box
style={{ cursor: "pointer" }} style={{ cursor: "pointer" }}
onClick={e => e.stopPropagation()}> onClick={e => e.stopPropagation()}>
<IconDotsVertical /> <IconDotsVertical size={iconSizeSm} />
</Box> </Box>
</Menu.Target> </Menu.Target>
<Menu.Dropdown> <Menu.Dropdown>

2
src/theme.ts
View File

@ -14,6 +14,8 @@ export const myColor: MantineColorsTuple = [
"#00718c", "#00718c",
]; ];
export const iconSizeSm = 21;
const radius = "md"; const radius = "md";
const font = Roboto({ const font = Roboto({