fix styling

This commit is contained in:
Philipinho
2023-09-26 12:36:27 +01:00
parent 4dc3d58645
commit 3a53a7ea30
4 changed files with 10 additions and 13 deletions

View File

@ -7,6 +7,7 @@
display: flex;
flex-direction: column;
border-right: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
user-select: none;
}
.section {
@ -42,9 +43,8 @@
font-weight: 500;
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
&
:hover {
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
&:hover {
background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
}
}
@ -83,7 +83,7 @@
font-weight: 500;
&:hover {
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
}
}

View File

@ -41,10 +41,11 @@
padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
border-radius: var(--mantine-radius-sm);
font-weight: 500;
user-select: none;
@mixin hover {
background-color: light-dark(
var(--mantine-color-gray-0),
var(--mantine-color-gray-1),
var(--mantine-color-dark-6)
);
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
@ -54,7 +55,7 @@
}
}
& [data-active] {
&[data-active] {
&,
& :hover {
background-color: var(--mantine-color-blue-light);