diff --git a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/classes.module.scss b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/classes.module.scss index ad7cd54d..1e7bcdf7 100644 --- a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/classes.module.scss +++ b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/classes.module.scss @@ -32,10 +32,12 @@ } .notification-subheader { - width: 100%; - display: inline-flex; - justify-content: space-between; + display: flex; + align-items: center; + gap: 8px; text-decoration: underline; + text-underline-offset: 2px; + color: var(--pink-flash); cursor: pointer; } diff --git a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx index 2ea50c06..56c15f11 100644 --- a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx +++ b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx @@ -5,6 +5,7 @@ import CloseIcon from "@Assets/Icons/cross.svg"; import Image from "next/image"; import ToastHandler from "@Front/Components/DesignSystem/Toasts/ToastsHandler"; import Toasts, { IToast } from "@Front/Stores/Toasts"; +import Check from "@Front/Components/Elements/Icons/Check"; type IProps = { isOpen: boolean; @@ -39,7 +40,10 @@ export default class NotificationModal extends React.Component {
- Tout marquer comme lu + + Tout marquer comme lu + +
<> diff --git a/src/front/Components/Elements/Icons/Check/index.tsx b/src/front/Components/Elements/Icons/Check/index.tsx new file mode 100644 index 00000000..b3ec1825 --- /dev/null +++ b/src/front/Components/Elements/Icons/Check/index.tsx @@ -0,0 +1,19 @@ +import { ITypoColor } from "@Front/Components/DesignSystem/Typography"; + +type IProps = { + color?: ITypoColor; +}; + +export default function Check(props: IProps) { + return ( + + + + ); +}