update token color
This commit is contained in:
parent
89d09ae142
commit
69a00945d1
@ -12,12 +12,12 @@
|
|||||||
|
|
||||||
.circleBackground {
|
.circleBackground {
|
||||||
fill: none;
|
fill: none;
|
||||||
stroke: var(--background-elevation-2);
|
stroke: var(--progress-circle-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
.circleProgress {
|
.circleProgress {
|
||||||
fill: none;
|
fill: none;
|
||||||
stroke: var(--color-secondary-500);
|
stroke: var(--progress-circle-contrast);
|
||||||
transition: stroke-dashoffset 0.35s;
|
transition: stroke-dashoffset 0.35s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
svg {
|
svg {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
min-width: 21px;
|
min-width: 21px;
|
||||||
fill: var(--color-neutral-600);
|
fill: var(--table-header-contrast);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -36,7 +36,7 @@
|
|||||||
|
|
||||||
.row {
|
.row {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--background-elevation-1);
|
background-color: var(--table-background-hovered);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -51,10 +51,11 @@ export default function MuiTable(props: IProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}>
|
<InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}>
|
||||||
<TableContainer className={classes["root"]} sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden" }}>
|
<TableContainer
|
||||||
|
className={classes["root"]}
|
||||||
|
sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden", backgroundColor: "var(--table-background-default)" }}>
|
||||||
<Table aria-label="simple table" sx={{ border: "0" }}>
|
<Table aria-label="simple table" sx={{ border: "0" }}>
|
||||||
<TableHead
|
<TableHead sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--table-header-border)" }}>
|
||||||
sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--color-neutral-200)" }}>
|
|
||||||
<TableRow>
|
<TableRow>
|
||||||
{props.header.map((column) => (
|
{props.header.map((column) => (
|
||||||
<TableCell key={column.key} align={"left"} sx={{ border: 0, padding: "4px 8px" }}>
|
<TableCell key={column.key} align={"left"} sx={{ border: 0, padding: "4px 8px" }}>
|
||||||
|
@ -9,18 +9,18 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
&.info {
|
&.info {
|
||||||
background-color: var(--color-info-50);
|
background-color: var(--tag-info-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.success {
|
&.success {
|
||||||
background-color: var(--color-success-50);
|
background-color: var(--tag-success-background);
|
||||||
}
|
|
||||||
|
|
||||||
&.error {
|
|
||||||
background-color: var(--color-error-50);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.warning {
|
&.warning {
|
||||||
background-color: var(--color-warning-50);
|
background-color: var(--tag-warning-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.error {
|
||||||
|
background-color: var(--tag-error-background);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
@import "@Themes/constants.scss";
|
@import "@Themes/constants.scss";
|
||||||
|
|
||||||
.root {
|
.root {
|
||||||
margin: var(--root-margin);
|
margin: auto;
|
||||||
max-width: var(--root-max-width);
|
max-width: 1440px;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
|
|
||||||
&.padding {
|
&.padding {
|
||||||
padding: var(--root-padding);
|
padding: 80px 24px;
|
||||||
|
|
||||||
@media screen and (max-width: $screen-m) {
|
@media screen and (max-width: $screen-m) {
|
||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user