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:
Max S 2024-07-29 17:49:37 +02:00
commit ef4d30784a
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/front/Components/DesignSystem/CheckBox/classes.module.scss
View File

@ -36,6 +36,8 @@
display: flex; display: flex;
width: 20px; width: 20px;
height: 20px; height: 20px;
min-width: 20px;
max-width: 20px;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
margin-right: 16px; margin-right: 16px;
@ -43,6 +45,10 @@
border-radius: var(--radius-xs, 2px); border-radius: var(--radius-xs, 2px);
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a); border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
&:checked {
background-image: url("../../../Assets/Icons/burger.svg");
}
&:hover { &:hover {
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a); border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
} }

4
src/front/Components/DesignSystem/CheckBox/index.tsx
View File

@ -49,12 +49,12 @@ export default class CheckBox extends React.Component<IProps, IState> {
/> />
<div className={classes["content"]}> <div className={classes["content"]}>
{this.props.option.label && ( {this.props.option.label && (
<Typography className={classes["label"]} typo={ETypo.TEXT_SM_SEMIBOLD}> <Typography className={classes["label"]} typo={ETypo.TEXT_MD_REGULAR}>
{this.props.option.label} {this.props.option.label}
</Typography> </Typography>
)} )}
{this.props.option.description && ( {this.props.option.description && (
<Typography className={classes["description"]} typo={ETypo.TEXT_SM_REGULAR}> <Typography className={classes["description"]} typo={ETypo.TEXT_MD_LIGHT}>
{this.props.option.description} {this.props.option.description}
</Typography> </Typography>
)} )}

6
src/front/Components/DesignSystem/RadioBox/index.tsx
View File

@ -23,7 +23,7 @@ export default class RadioBox extends React.Component<IProps> {
}; };
public override render(): JSX.Element { public override render(): JSX.Element {
return ( return (
<Typography typo={ETypo.TEXT_LG_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}> <Typography typo={ETypo.TEXT_MD_REGULAR} color={ETypoColor.COLOR_GENERIC_BLACK}>
<label className={classNames(classes["root"], this.props.disabled && classes["disabled"])}> <label className={classNames(classes["root"], this.props.disabled && classes["disabled"])}>
<input <input
type="radio" type="radio"
@ -36,12 +36,12 @@ export default class RadioBox extends React.Component<IProps> {
/> />
<div className={classes["content"]}> <div className={classes["content"]}>
{this.props.label && ( {this.props.label && (
<Typography className={classes["label"]} typo={ETypo.TEXT_SM_SEMIBOLD}> <Typography className={classes["label"]} typo={ETypo.TEXT_MD_REGULAR}>
{this.props.label} {this.props.label}
</Typography> </Typography>
)} )}
{this.props.description && ( {this.props.description && (
<Typography className={classes["description"]} typo={ETypo.TEXT_SM_REGULAR}> <Typography className={classes["description"]} typo={ETypo.TEXT_MD_LIGHT}>
{this.props.description} {this.props.description}
</Typography> </Typography>
)} )}