diff --git a/src/lib/components/test_cases/TestCaseView.svelte b/src/lib/components/test_cases/TestCaseView.svelte index 0de9d55a2582ab364c89fa56121b89aa2dd3ea96..1995d61aa1320d7b03970391ced4d15e6e1ad1a4 100644 --- a/src/lib/components/test_cases/TestCaseView.svelte +++ b/src/lib/components/test_cases/TestCaseView.svelte @@ -435,31 +435,37 @@ <div class="p-1"> <p class="text-sm leading-none pb-3">Revenus disponibles /an</p> <PictoFemme /> - <p class="text-2xl font-bold "> - {euroAmountFormatter.format( - decompositionByName[rootDecompositionName].deltaAtVectorIndex ?? 0, - )} - </p> + <div class="filter blur-xs"> + <p class="text-2xl font-bold "> + {euroAmountFormatter.format( + decompositionByName[rootDecompositionName].deltaAtVectorIndex ?? 0, + )} + </p> + </div> </div> <div class="p-1"> <p class="text-sm leading-none pb-3">Somme /an</p> <div class="grid grid-cols-2 space-x-2 "> - <div class="w-1/2 "> + <div class="w-1/2"> <PictoEntreprise /> <p class="font-light text-sm">Entreprise</p> - <p class="text-base font-bold "> - {euroAmountFormatter.format( - decompositionByName[firstDecompositionName].deltaAtVectorIndex ?? - 0, - )} - </p> + <div class="filter blur-xs"> + <p class="text-base"> + {euroAmountFormatter.format( + decompositionByName[firstDecompositionName] + .deltaAtVectorIndex ?? 0, + )} + </p> + </div> </div> <div class="w-1/2"> <PictoEtat /> <p class="font-light text-sm">État</p> - <p class="text-base font-bold "> - {euroAmountFormatter.format(stateCost)} - </p> + <div class="filter blur-xs"> + <p class="text-base"> + {euroAmountFormatter.format(stateCost)} + </p> + </div> </div> </div> </div> diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 175399ebead25ca762a1b1ca8fa05826c6c5eebf..8840129671d18214ff0c678d232bc07125087e51 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -33,6 +33,9 @@ module.exports = { "le-gris-dispositif-dark": "#2F406A", white: colors.white, }, + blur: { + xs: '1.2px', + } }, fontFamily: { sans: ["Lato", "sans-serif"],