diff --git a/src/lib/components/test_cases/TestCaseView.svelte b/src/lib/components/test_cases/TestCaseView.svelte index 333044c61c7540a94c0230b2b5c04256b3a7cc7d..b06310b03ffa75b5e564dd3c686493eb7e94ddcc 100644 --- a/src/lib/components/test_cases/TestCaseView.svelte +++ b/src/lib/components/test_cases/TestCaseView.svelte @@ -464,13 +464,15 @@ class=" text-2xl font-bold" title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence" > - {euroAmountFormatter.format( - evaluationByNameArrayByCalculationName.law[situationIndex][ - rootDecompositionName - ].deltaAtVectorIndex ?? 0, - )} + <span class="line-through-bill"> + {euroAmountFormatter.format( + evaluationByNameArrayByCalculationName.law[situationIndex][ + rootDecompositionName + ].deltaAtVectorIndex ?? 0, + )} + </span> {#if $billName !== undefined} - <span class="text-le-rouge-pjl"> + <span class="text-le-rouge-pjl line-through-reform"> {euroAmountFormatter.format( evaluationByNameArrayByCalculationName.bill[situationIndex][ rootDecompositionName diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 8c413123cd8f1c6c83a48af5db374adbea670a0f..f12bd1f0f0c1b6bb5e93a3ad072d0b09e0e3e735 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -34,6 +34,23 @@ const config = { variants: { extend: {}, }, + plugins: [ + function ({addUtilities}) { + const extendLineThrough = { + '.line-through-bill': { + 'textDecoration': 'line-through', + 'text-decoration-color': 'rgba(255, 107, 107,0.7)', + 'text-decoration-thickness': '2px' + }, + '.line-through-reform': { + 'textDecoration': 'line-through', + 'text-decoration-color': 'rgba(222, 213, 0,0.7)', + 'text-decoration-thickness': '2px' + }, + } + addUtilities(extendLineThrough) + } + ], } module.exports = config