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

feat: selected board style, boards spacing, text font size

Browse Source
This commit is contained in:
AlexSserb
2025-08-16 09:20:01 +04:00
parent 3ece4677fb
commit 219689b947
9 changed files with 52 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/dnd/SortableDnd/SortableDnd.tsx
View File

@ -109,13 +109,12 @@ const SortableDnd = <T extends BaseItem>({
items={items}
disabled={disabled}>
<Flex
gap={0}
style={{
gap: 0,
flexWrap: "nowrap",
flexDirection: vertical ? "column" : "row",
...containerStyle,
}}
role="application">
}}>
{items.map((item, index) => (
<Box
key={index}

1
src/components/ui/ColorSchemeToggle/ColorSchemeToggle.module.css
View File

@ -1,4 +1,5 @@
.container {
border-width: 0;
@mixin dark {
background-color: var(--mantine-color-dark-7);
}

35
src/components/ui/ColorSchemeToggle/ColorSchemeToggle.tsx
View File

@ -7,6 +7,7 @@ import {
useComputedColorScheme,
useMantineColorScheme,
} from "@mantine/core";
import SmallPageBlock from "@/components/layout/SmallPageBlock/SmallPageBlock";
import style from "./ColorSchemeToggle.module.css";
export function ColorSchemeToggle() {
@ -20,21 +21,23 @@ export function ColorSchemeToggle() {
};
return (
<ActionIcon
onClick={toggleColorScheme}
variant="default"
size="xl"
radius="lg"
aria-label="Toggle color scheme"
className={style.container}>
<IconSun
className={classNames(style.icon, style.light)}
stroke={1.5}
/>
<IconMoon
className={classNames(style.icon, style.dark)}
stroke={1.5}
/>
</ActionIcon>
<SmallPageBlock>
<ActionIcon
onClick={toggleColorScheme}
variant="default"
size="xl"
radius="lg"
aria-label="Toggle color scheme"
className={style.container}>
<IconSun
className={classNames(style.icon, style.light)}
stroke={1.5}
/>
<IconMoon
className={classNames(style.icon, style.dark)}
stroke={1.5}
/>
</ActionIcon>
</SmallPageBlock>
);
}