diff --git a/src/lib/components/PlfVariablesListIntro.svelte b/src/lib/components/PlfVariablesListIntro.svelte index 6dcb2e68c9074132b82fd7468440dde2e9f7e67f..4b3874d6d560be1fa40fc480c58b4249d4be577b 100644 --- a/src/lib/components/PlfVariablesListIntro.svelte +++ b/src/lib/components/PlfVariablesListIntro.svelte @@ -9,34 +9,40 @@ <h3 class="mt-4 mb-2 text-base mx-2 font-bold"> Article 2 du PLF 2025 | Impôt sur le revenu : </h3> - <a - class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" - data-sveltekit-noscroll - href={newSimulationUrl({ - ...displayMode, - parametersVariableName: "irpp_economique", - })} - > - Indexation des seuils du barème de l'<b>impôt sur le revenu</b> - </a> + <div class="flex"> + <a + class="flex mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" + data-sveltekit-noscroll + href={newSimulationUrl({ + ...displayMode, + parametersVariableName: "irpp_economique", + })} + > + <span + >Indexation des seuils du barème de l'<b>impôt sur le revenu</b></span + > + </a> + </div> <h3 class="mt-4 mb-2 text-base mx-2 font-bold"> Article 3 du PLF 2025 | Contribution différentielle sur les hauts revenus : </h3> - <a - class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" - data-sveltekit-noscroll - href={newSimulationUrl({ - ...displayMode, - parametersVariableName: "contribution_differentielle_hauts_revenus", - })} - > - Instauration de la contribution <b>CDHR</b> - </a> + <div class="flex"> + <a + class="flex mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" + data-sveltekit-noscroll + href={newSimulationUrl({ + ...displayMode, + parametersVariableName: "contribution_differentielle_hauts_revenus", + })} + > + <span>Instauration de la contribution <b>CDHR</b></span> + </a> + </div> <h3 class="mt-4 mb-2 text-base mx-2 font-bold"> Article 6 du PLFSS 2025 | Allègements de cotisations : </h3> <div class="flex flex-col gap-3"> - <div> + <div class="flex"> <a class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" data-sveltekit-noscroll @@ -45,11 +51,13 @@ parametersVariableName: "allegement_general", })} > - Baisse des taux et modification de l'assiette de la - <b>réduction générale</b> + <span + >Baisse des taux et modification de l'assiette de la + <b>réduction générale</b></span + > </a> </div> - <div> + <div class="flex"> <a class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" data-sveltekit-noscroll @@ -58,10 +66,13 @@ parametersVariableName: "allegement_cotisation_maladie", })} > - Baisse du plafond de rémunération de l'<b>allègement maladie</b> + <span + >Baisse du plafond de rémunération de l'<b>allègement maladie</b + ></span + > </a> </div> - <div> + <div class="flex"> <a class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" data-sveltekit-noscroll @@ -71,21 +82,26 @@ "allegement_cotisation_allocations_familiales", })} > - Baisse du plafond de rémunération de l'<b>allègement famille</b> + <span + >Baisse du plafond de rémunération de l'<b>allègement famille</b + ></span + > </a> </div> </div> <h3 class="mt-4 mb-2 text-base mx-2 font-bold"> Article 4 du PLFSS 2025 | Exonération de cotisations TO-DE : </h3> - <a - class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" - data-sveltekit-noscroll - href={newSimulationUrl({ - ...displayMode, - parametersVariableName: "exoneration_cotisations_employeur_tode", - })} - > - Hausse du plafond de rémunération de l'<b>exonération TO-DE</b> intégrale - </a> + <div class="flex"> + <a + class="mx-1 px-3 py-1 bg-white border-le-rouge-bill border-2 hover:bg-opacity-80 active:bg-opacity-70 rounded-full text-sm hover:bg-red-100" + data-sveltekit-noscroll + href={newSimulationUrl({ + ...displayMode, + parametersVariableName: "exoneration_cotisations_employeur_tode", + })} + > + Hausse du plafond de rémunération de l'<b>exonération TO-DE</b> intégrale + </a> + </div> </div>