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

fix: fixed navbar link tooltips

Browse Source
This commit is contained in:
AlexSserb
2025-10-04 19:38:10 +04:00
parent 50ade0e832
commit d14920df7d
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/layout/Navbar/NavbarLinks.tsx
View File

@ -1,5 +1,5 @@
import { IconPlus } from "@tabler/icons-react"; import { IconPlus } from "@tabler/icons-react";
import { Stack, Tooltip } from "@mantine/core"; import { Center, Stack, Tooltip } from "@mantine/core";
import NavbarClickable from "./NavbarClickable"; import NavbarClickable from "./NavbarClickable";
type LinkData = { type LinkData = {
@ -16,18 +16,22 @@ const NavbarLinks = ({ linksData }: Props) => {
return ( return (
<Stack gap={"xs"}> <Stack gap={"xs"}>
{linksData.map((linkData, index) => ( {linksData.map((linkData, index) => (
<Tooltip <NavbarClickable
key={index} href={linkData.href}
display={!linkData.label ? "none" : "flex"} key={linkData.label}>
label={linkData.label} <Tooltip
position="right" key={index}
transitionProps={{ duration: 0 }}> display={!linkData.label ? "none" : "flex"}
<NavbarClickable label={linkData.label}
href={linkData.href} position="right"
key={linkData.label}> transitionProps={{ duration: 0 }}>
<linkData.icon /> <Center
</NavbarClickable> w={"100%"}
</Tooltip> h={"100%"}>
<linkData.icon />
</Center>
</Tooltip>
</NavbarClickable>
))} ))}
</Stack> </Stack>
); );