diff --git a/src/front/Assets/Icons/coffre.svg b/src/front/Assets/Icons/coffre.svg deleted file mode 100644 index 78198721..00000000 --- a/src/front/Assets/Icons/coffre.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/front/Components/DesignSystem/CheckBox/classes.module.scss b/src/front/Components/DesignSystem/CheckBox/classes.module.scss index e9ef2f7c..131432bb 100644 --- a/src/front/Components/DesignSystem/CheckBox/classes.module.scss +++ b/src/front/Components/DesignSystem/CheckBox/classes.module.scss @@ -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); } diff --git a/src/front/Components/DesignSystem/CheckBox/index.tsx b/src/front/Components/DesignSystem/CheckBox/index.tsx index 7f467391..e8d7f6c6 100644 --- a/src/front/Components/DesignSystem/CheckBox/index.tsx +++ b/src/front/Components/DesignSystem/CheckBox/index.tsx @@ -49,12 +49,12 @@ export default class CheckBox extends React.Component { /> {this.props.option.label && ( - + {this.props.option.label} )} {this.props.option.description && ( - + {this.props.option.description} )} diff --git a/src/front/Components/DesignSystem/Footer/classes.module.scss b/src/front/Components/DesignSystem/Footer/classes.module.scss index a66b89c7..37143abe 100644 --- a/src/front/Components/DesignSystem/Footer/classes.module.scss +++ b/src/front/Components/DesignSystem/Footer/classes.module.scss @@ -4,18 +4,12 @@ border-top: 1px solid var(--footer-border, #d7dce0); background: var(--footer-background, #fff); padding: var(--spacing-1-5) 0; - font-family: var(--font-title-family, Poppins); - font-size: 12px; - font-weight: var(--font-text-weight-regular, 400); - letter-spacing: 0.06px; .sub-root { display: flex; align-items: center; gap: var(--Radius-lg, 16px); white-space: nowrap; - padding: var(--spacing-1-5, 12px) var(--Radius-xl, 24px); - //make it sticky @media (max-width: 1023px) { padding: 0 12px; @@ -56,4 +50,11 @@ content: "|"; } } + a { + color: var(--footer-contrast, #47535d); + font-family: var(--font-title-family, Poppins); + font-size: 12px; + font-weight: var(--font-text-weight-regular, 400); + letter-spacing: 0.06px; + } } diff --git a/src/front/Components/DesignSystem/Modal/index.tsx b/src/front/Components/DesignSystem/Modal/index.tsx index 8f165f99..c2c6e229 100644 --- a/src/front/Components/DesignSystem/Modal/index.tsx +++ b/src/front/Components/DesignSystem/Modal/index.tsx @@ -46,7 +46,8 @@ export default function Modal(props: IProps) { + styletype={firstButton.styletype ?? EButtonstyletype.OUTLINED} + fullwidth={firstButton.fullwidth ?? true}> {firstButton.children} )} @@ -54,7 +55,8 @@ export default function Modal(props: IProps) { + styletype={secondButton.styletype ?? EButtonstyletype.CONTAINED} + fullwidth={secondButton.fullwidth ?? true}> {secondButton.children} )} diff --git a/src/front/Components/DesignSystem/RadioBox/index.tsx b/src/front/Components/DesignSystem/RadioBox/index.tsx index e856e346..dc6bba53 100644 --- a/src/front/Components/DesignSystem/RadioBox/index.tsx +++ b/src/front/Components/DesignSystem/RadioBox/index.tsx @@ -23,7 +23,7 @@ export default class RadioBox extends React.Component { }; public override render(): JSX.Element { return ( - + { /> {this.props.label && ( - + {this.props.label} )} {this.props.description && ( - + {this.props.description} )} diff --git a/src/front/Components/Layouts/LoginCallback/index.tsx b/src/front/Components/Layouts/LoginCallback/index.tsx index a488e4aa..8011f092 100644 --- a/src/front/Components/Layouts/LoginCallback/index.tsx +++ b/src/front/Components/Layouts/LoginCallback/index.tsx @@ -1,6 +1,6 @@ import LandingImage from "../Login/landing-connect.jpeg"; import Image from "next/image"; -import CoffreIcon from "@Assets/Icons/coffre.svg"; +import CoffreIcon from "@Assets/logo_small_blue.svg"; import { useRouter } from "next/router"; import React, { useEffect } from "react"; import classes from "./classes.module.scss"; diff --git a/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx b/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx index f2420f9b..ce0539f1 100644 --- a/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx +++ b/src/front/Components/Layouts/LoginCallbackCustomer/index.tsx @@ -1,6 +1,6 @@ import LandingImage from "../Login/landing-connect.jpeg"; import Image from "next/image"; -import CoffreIcon from "@Assets/Icons/coffre.svg"; +import CoffreIcon from "@Assets/logo_small_blue.svg"; import { useRouter } from "next/router"; import React, { useEffect } from "react"; import classes from "./classes.module.scss";