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

fix: shortened datetimes and set background color for navbar

Browse Source
This commit is contained in:
AlexSserb
2025-08-29 09:36:15 +04:00
parent 19e5ef2a7e
commit 9404091d69
3 changed files with 27 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/layout/Navbar/Navbar.tsx
View File

@ -1,5 +1,5 @@
import { IconCircleDotted, IconLayoutKanban } from "@tabler/icons-react";
import { Flex } from "@mantine/core";
import { Box, Flex } from "@mantine/core";
import PageBlock from "@/components/layout/PageBlock/PageBlock";
import { ColorSchemeToggle } from "@/components/ui/ColorSchemeToggle/ColorSchemeToggle";
import Logo from "@/components/ui/Logo/Logo";
@ -20,26 +20,28 @@ const linksData = [
const Navbar = () => {
return (
<PageBlock
style={{
marginBlock: "var(--mantine-spacing-md)",
marginLeft: "var(--mantine-spacing-md)",
}}
fullHeight>
<Flex
direction={"column"}
h={"100%"}>
<Logo title={"Fulfillment & Delivery"} />
<Box style={{ backgroundColor: "var(--color-light-gray-blue)" }}>
<PageBlock
style={{
marginBlock: "var(--mantine-spacing-md)",
marginLeft: "var(--mantine-spacing-md)",
}}
fullHeight>
<Flex
mx={"xs"}
direction={"column"}
justify={"space-between"}
h={"100%"}>
<NavbarLinks linksData={linksData} />
<ColorSchemeToggle />
<Logo title={"Fulfillment & Delivery"} />
<Flex
mx={"xs"}
direction={"column"}
justify={"space-between"}
h={"100%"}>
<NavbarLinks linksData={linksData} />
<ColorSchemeToggle />
</Flex>
</Flex>
</Flex>
</PageBlock>
</PageBlock>
</Box>
);
};