4nk/lecoffre-front
4
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' of github.com:smart-chain-fr/leCoffre-front into dev

Browse Source
This commit is contained in:
Maxime Lalo 2024-07-17 15:52:36 +02:00
commit bd981d7d04
5 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/front/Components/DesignSystem/CircleProgress/classes.module.scss
View File

@ -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;
} }
} }

4
src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
View File

@ -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);
} }
} }
} }

7
src/front/Components/DesignSystem/Table/MuiTable/index.tsx
View File

@ -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" }}>

14
src/front/Components/DesignSystem/Tag/classes.module.scss
View File

@ -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);
} }
} }

10
src/front/Components/LayoutTemplates/DefaultTemplate/classes.module.scss
View File

@ -1,19 +1,19 @@
@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: var(--spacing-10) var(--spacing-3);
@media screen and (max-width: $screen-m) { @media screen and (max-width: $screen-m) {
padding: 0 24px; padding: 0 var(--spacing-3);
} }
@media screen and (max-width: $screen-s) { @media screen and (max-width: $screen-s) {
padding: 0 16px; padding: 0 var(--spacing-2);
} }
} }
} }