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

fix: centered project select

Browse Source
This commit is contained in:
AlexSserb
2025-10-10 22:55:41 +04:00
parent 4db3c3a1bf
commit 6351642838
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/layout/Navbar/components/ProjectSelectContainer.tsx
View File

@ -1,7 +1,7 @@
"use client"; "use client";
import { IconEdit, IconPlus } from "@tabler/icons-react"; import { IconEdit, IconPlus } from "@tabler/icons-react";
import { Group, HoverCard } from "@mantine/core"; import { Box, Group, HoverCard } from "@mantine/core";
import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext"; import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
import useProjectActions from "@/components/layout/Navbar/hooks/useProjectActions"; import useProjectActions from "@/components/layout/Navbar/hooks/useProjectActions";
import ProjectSelect from "@/components/selects/ProjectSelect/ProjectSelect"; import ProjectSelect from "@/components/selects/ProjectSelect/ProjectSelect";
@ -13,12 +13,21 @@ const ProjectSelectContainer = () => {
const { onCreateClick, onChangeClick } = useProjectActions(); const { onCreateClick, onChangeClick } = useProjectActions();
return ( return (
<HoverCard zIndex={150} position={"right"}> <HoverCard
zIndex={150}
position={"right"}>
<HoverCard.Target> <HoverCard.Target>
<ProjectSelect <ProjectSelect
data={projects} data={projects}
value={selectedProject} value={selectedProject}
onChange={value => value && setSelectedProjectId(value.id)} onChange={value => value && setSelectedProjectId(value.id)}
styles={{
input: {
textAlign: "center",
},
}}
rightSection={<Box />}
rightSectionWidth={"var(--mantine-spacing-md)"}
/> />
</HoverCard.Target> </HoverCard.Target>
<HoverCard.Dropdown <HoverCard.Dropdown