More styling

This commit is contained in:
Sean Edmunds
2024-08-20 15:52:52 -05:00
parent 44d2405a1d
commit 8152d3fe73
13 changed files with 148 additions and 95 deletions

View File

@@ -1,31 +1,31 @@
.mrt-table-head-sort-button {
display: none;
.root {
--mrt-base-background-color: var(--color-background);
--mrt-striped-row-background-color: var();
--mrt-row-hover-background-color: var();
--mrt-striped-row-hover-background-color: var();
--mrt-selected-row-background-color: var();
--mrt-selected-row-hover-background-color: var();
--mrt-pinned-row-background-color: var();
--mrt-pinned-row-hover-background-color: var();
--mrt-pinned-column-background-color: var();
--mrt-dragging-hovered-border-color: var();
--mrt-dragging-drag-border-color: var();
--mrt-resize-column-border-color: var();
color: var(--color-text-pri) !important;
}
.mrt-table-head-sort-button[data-sorted='asc'] {
display: flex;
min-height: 12px !important;
min-width: 12px !important;
max-width: 16px;
max-height: 16px;
& > * > .tabler-icon-arrows-sort {
height: 12px !important;
width: 12px !important;
color: light-dark(--mantine-primary-color-6, --mantine-color-appGray-5);
}
.mrt-table-head-sort-button {
color: var(--color-text-pri) !important;
}
.mrt-table-head-sort-button[data-sorted='desc'] {
display: flex;
min-height: 12px !important;
min-width: 12px !important;
max-width: 16px;
max-height: 16px;
& > * > .tabler-icon-arrows-sort {
height: 12px !important;
width: 12px !important;
color: light-dark(--mantine-primary-color-6, --mantine-color-appGray-5);
}
.mantine-Input-input {
color: var(--color-text-pri) !important;
}
.mantine-Select-input {
color: var(--color-text-pri) !important;
}
.mantine-Select-option {
color: var(--color-text-pri) !important;
}