header works pt3

This commit is contained in:
2025-01-16 20:18:56 -06:00
parent e5cd155c29
commit 967f34d0c9
@@ -1,8 +1,8 @@
.header { .header {
height: 56px; height: 56px;
margin-bottom: 120px; margin-bottom: 6px;
background-color: var(--mantine-color-body); background-color: var(--mantine-color-body);
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4)); border-bottom: 1px solid var(--mantine-color-default-border);
} }
.inner { .inner {
@@ -18,12 +18,12 @@
padding: 8px 12px; padding: 8px 12px;
border-radius: var(--mantine-radius-sm); border-radius: var(--mantine-radius-sm);
text-decoration: none; text-decoration: none;
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0)); color: var(--mantine-color-text);
font-size: var(--mantine-font-size-sm); font-size: var(--mantine-font-size-sm);
font-weight: 500; font-weight: 500;
@mixin hover { &:hover {
background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); background-color: var(--mantine-color-default-hover);
} }
[data-mantine-color-scheme] &.active { [data-mantine-color-scheme] &.active {