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

Fixed checkbox size

Browse Source
This commit is contained in:
Vins 2024-07-29 17:36:01 +02:00
parent c2508a9569
commit 7ca4082828
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;
width: 20px;
height: 20px;
min-width: 20px;
max-width: 20px;
flex-direction: column;
align-items: flex-start;
margin-right: 16px;
@ -43,6 +45,10 @@
border-radius: var(--radius-xs, 2px);
border: 2px solid var(--select-option-unselected-default-border, #6d7e8a);
&:checked {
background-image: url("../../../Assets/Icons/burger.svg");
}
&:hover {
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"]}>
{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}
</Typography>
)}
{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}
</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 {
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"])}>
<input
type="radio"
@ -36,12 +36,12 @@ export default class RadioBox extends React.Component<IProps> {
/>
<div className={classes["content"]}>
{this.props.label && (
<Typography className={classes["label"]} typo={ETypo.TEXT_SM_SEMIBOLD}>
<Typography className={classes["label"]} typo={ETypo.TEXT_MD_REGULAR}>
{this.props.label}
</Typography>
)}
{this.props.description && (
<Typography className={classes["description"]} typo={ETypo.TEXT_SM_REGULAR}>
<Typography className={classes["description"]} typo={ETypo.TEXT_MD_LIGHT}>
{this.props.description}
</Typography>
)}