Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-26 19:12:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
Estifo77
2026-08-11 14:32:26 +03:00
parent 0fd78c7757
commit 0573e01769
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/backoffice/src/app/features/location/components/LocationTree.tsx
View File

@@ -11,6 +11,7 @@ import {
Box,
rem,
Center,
useMantineColorScheme,
} from '@mantine/core';
import {
IconChevronRight,
@@ -54,6 +55,10 @@ function TreeNode({
const isSelected = selectedId === location.id;
const hasChildren =
Array.isArray(location.children) && location.children.length > 0;
const { colorScheme } = useMantineColorScheme();
const hoverBg = colorScheme === 'dark'
? 'var(--mantine-color-dark-6)'
: 'var(--mantine-color-gray-0)';
const toggle = useCallback(() => {
setOpened((prev) => !prev);
@@ -88,8 +93,7 @@ function TreeNode({
}}
onMouseEnter={(e) => {
if (!isSelected)
e.currentTarget.style.backgroundColor =
'var(--mantine-color-gray-0)';
e.currentTarget.style.backgroundColor = hoverBg;
}}
onMouseLeave={(e) => {
if (!isSelected)

12
libs/ui/src/lib/layout/AppSidebar.tsx
View File

@@ -10,6 +10,7 @@ import {
Tooltip,
UnstyledButton,
rem,
useMantineColorScheme,
} from '@mantine/core';
import {
IconChevronLeft,
@@ -250,6 +251,13 @@ export function AppSidebar({
brandLogo,
}: AppSidebarProps) {
const { t } = useTranslation();
const { colorScheme } = useMantineColorScheme();
const hoverBg = colorScheme === 'dark'
? 'var(--mantine-color-dark-6)'
: 'var(--mantine-color-gray-0)';
const hoverColor = colorScheme === 'dark'
? 'var(--mantine-color-gray-3)'
: 'var(--mantine-color-gray-7)';
return (
<>
@@ -372,8 +380,8 @@ export function AppSidebar({
fontWeight: 500,
}}
onMouseEnter={(e) => {
e.currentTarget.style.background = 'var(--mantine-color-gray-0)';
e.currentTarget.style.color = 'var(--mantine-color-gray-7)';
e.currentTarget.style.background = hoverBg;
e.currentTarget.style.color = hoverColor;
}}
onMouseLeave={(e) => {
e.currentTarget.style.background = 'transparent';