Floute les montants totaux

src/lib/components/test_cases/TestCaseView.svelte

@@ -435,29 +435,34 @@
     <div class="p-1">
       <p class="text-sm leading-none pb-3">Revenus disponibles /an</p>
       <PictoFemme />
+      <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">
           <PictoEntreprise />
           <p class="font-light text-sm">Entreprise</p>
-          <p class="text-base font-bold  ">
+          <div class="filter blur-xs">
+            <p class="text-base">
               {euroAmountFormatter.format(
-              decompositionByName[firstDecompositionName].deltaAtVectorIndex ??
-                0,
+                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  ">
+          <div class="filter blur-xs">
+            <p class="text-base">
               {euroAmountFormatter.format(stateCost)}
             </p>
           </div>
@@ -465,3 +470,4 @@
       </div>
     </div>
   </div>
+</div>

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"],