From fee11dc645c48ebd134a9c4f6c5307affe3e71f9 Mon Sep 17 00:00:00 2001 From: Alice Dahan Date: Thu, 12 Dec 2024 15:49:49 +0100 Subject: [PATCH] style(rgcp): ajout de titres --- .../reduction-generale/MoisParMois.tsx | 28 +++++++++++++------ 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/site/source/pages/simulateurs/reduction-generale/MoisParMois.tsx b/site/source/pages/simulateurs/reduction-generale/MoisParMois.tsx index 1ffaab334..30e67471f 100644 --- a/site/source/pages/simulateurs/reduction-generale/MoisParMois.tsx +++ b/site/source/pages/simulateurs/reduction-generale/MoisParMois.tsx @@ -4,7 +4,7 @@ import { styled } from 'styled-components' import RuleLink from '@/components/RuleLink' import { Spacing } from '@/design-system/layout' import { baseTheme } from '@/design-system/theme' -import { Body } from '@/design-system/typography/paragraphs' +import { H3 } from '@/design-system/typography/heading' import { useMediaQuery } from '@/hooks/useMediaQuery' import RécapitulatifTrimestre from './components/RécapitulatifTrimestre' @@ -58,8 +58,14 @@ export default function RéductionGénéraleMoisParMois({ <> {isDesktop ? ( <> +

+ {t( + 'pages.simulateurs.réduction-générale.month-by-month.caption', + 'Réduction générale mois par mois :' + )} +

- + {t( 'pages.simulateurs.réduction-générale.month-by-month.caption', 'Réduction générale mois par mois :' @@ -102,10 +108,16 @@ export default function RéductionGénéraleMoisParMois({ - + +

+ {t( + 'pages.simulateurs.réduction-générale.recap.caption', + 'Récapitulatif trimestriel :' + )} +

- + {t( 'pages.simulateurs.réduction-générale.recap.caption', 'Récapitulatif trimestriel :' @@ -151,12 +163,12 @@ export default function RéductionGénéraleMoisParMois({ ) : ( <> - +

{t( 'pages.simulateurs.réduction-générale.month-by-month.caption', 'Réduction générale mois par mois :' )} - +

{data.length > 0 && months.map((monthName, monthIndex) => ( - +

{t( 'pages.simulateurs.réduction-générale.recap.caption', 'Récapitulatif trimestriel :' )} - +

{Object.keys(quarters).map((label, index) => (