diff --git a/src/front/Components/DesignSystem/EmptyAlert/classes.module.scss b/src/front/Components/DesignSystem/EmptyAlert/classes.module.scss index d356ef14..0b036bd3 100644 --- a/src/front/Components/DesignSystem/EmptyAlert/classes.module.scss +++ b/src/front/Components/DesignSystem/EmptyAlert/classes.module.scss @@ -13,6 +13,14 @@ text-align: center; + .text { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: var(--spacing-md, 16px); + } + svg { width: 32px; stroke: var(--primary-weak-contrast); diff --git a/src/front/Components/DesignSystem/EmptyAlert/index.tsx b/src/front/Components/DesignSystem/EmptyAlert/index.tsx index 878db597..17b3e0c1 100644 --- a/src/front/Components/DesignSystem/EmptyAlert/index.tsx +++ b/src/front/Components/DesignSystem/EmptyAlert/index.tsx @@ -16,12 +16,14 @@ export default function EmptyAlert(props: IProps) { return (
{icon} - - {title} - - - {description} - +
+ + {title} + + + {description} + +
{footer}
); diff --git a/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/AddClientSection/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/AddClientSection/index.tsx index 3d9f7da1..09421703 100644 --- a/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/AddClientSection/index.tsx +++ b/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/AddClientSection/index.tsx @@ -1,4 +1,4 @@ -import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; +import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import EmptyAlert from "@Front/Components/DesignSystem/EmptyAlert"; import Module from "@Front/Config/Module"; import { UserPlusIcon } from "@heroicons/react/24/outline"; @@ -24,7 +24,7 @@ export default function AddClientSection(props: IProps) { description="Pour pouvoir faire une demande de document, vous devez d'abord ajouter un ou plusieurs clients à ce dossier. Cette étape est essentielle pour assurer le suivi et la gestion des documents." footer={ - diff --git a/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/index.tsx b/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/index.tsx index 3273eeb6..3eb99a8d 100644 --- a/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/index.tsx +++ b/src/front/Components/Layouts/Folder/FolderInformation/NoClientView/index.tsx @@ -1,4 +1,4 @@ -import Button, { EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; +import Button, { EButtonSize, EButtonstyletype, EButtonVariant } from "@Front/Components/DesignSystem/Button"; import { TrashIcon } from "@heroicons/react/24/outline"; import { OfficeFolder } from "le-coffre-resources/dist/Notary"; import { useMemo } from "react"; @@ -30,7 +30,8 @@ export default function NoClientView(props: IProps) { variant={EButtonVariant.ERROR} styletype={EButtonstyletype.TEXT} rightIcon={} - onClick={deleteFolderModal.open}> + onClick={deleteFolderModal.open} + size={EButtonSize.SM}> Supprimer le dossier