From 07e93d08283b2bf7fbdd2555b8941ff375b974ab Mon Sep 17 00:00:00 2001
From: Dorine Lambinet <dorine.lambinet@gmail.com>
Date: Thu, 22 Jul 2021 12:59:06 +0200
Subject: [PATCH] Floute les montants totaux
---
.../components/test_cases/TestCaseView.svelte | 36 +++++++++++--------
tailwind.config.cjs | 3 ++
2 files changed, 24 insertions(+), 15 deletions(-)
diff --git a/src/lib/components/test_cases/TestCaseView.svelte b/src/lib/components/test_cases/TestCaseView.svelte
index 0de9d55a2..1995d61aa 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 175399ebe..884012967 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"],
--
GitLab