Skip to main content
Sign in
Snippets Groups Projects
Commit 084079d3 authored by Dorine Lambinet's avatar Dorine Lambinet Committed by Toufic Batache
Browse files

Initie bouton calculer l'impact budgétaire pour mobile

parent 33cb8537
Branches
Tags
1 merge request!158Bouton et modale simulation budget et autre évolution UI du budget
......@@ -117,7 +117,7 @@
Estimations budgétaires de votre réforme
</h1>
<div class="flex flex-col px-5">
<h2 class="w-full text-left text-xl font-bold">
<h2 class="w-full text-left text-2xl font-bold">
Vous êtes parlementaire ou habilité* ? Utilisez le
simulateur&nbsp;:
<br />
......@@ -158,7 +158,7 @@
</div>
<div class="bg-gray-100 px-5 pb-10 pt-5 border-t mt-10">
<div>
<h2 class="w-full text-left text-xl font-bold mb-5">
<h2 class="w-full text-left text-2xl font-bold mb-5">
Demandez le calcul de votre réforme au service
LexImpact&nbsp;:
<br />
......@@ -172,7 +172,9 @@
<span class="font-bold text-sm py-2 pl-10"
>Votre adresse e-mail :</span
>
<div class="flex w-full px-10 items-center gap-5">
<div
class="flex md:flex-row flex-col w-full px-0 md:px-10 items-center gap-5"
>
<div
class="flex rounded-t-md border-b-2 border-b-black bg-white px-2 grow max-w-lg"
>
......
......
......@@ -1359,7 +1359,7 @@
<div class="w-full flex itemps-center justify-center">
<a
class="mt-4 rounded-lg bg-le-jaune px-4 py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
class="mt-2 lg:mt-4 rounded-lg bg-le-jaune px-4 py-1 lg:py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
on:click={() => (isBudgetConnexionModalOpen = true)}
>
Calculer l'impact budgétaire
......@@ -1625,6 +1625,24 @@
{/if}
</div>
</div>
<!--Bouton flottant mobile Calculer l'impact budgétaire A CONFIGURER-->
<div
class="md:hidden fixed bottom-0 bg-le-jaune-light z-40 rounded-t-lg shadow-md p-3 flex-col flex items-center justify-center mx-5 inset-x-0"
>
<p>
Pour voir l'<strong>impact de votre réforme</strong>&nbsp;:
</p>
<div class="w-full flex itemps-center justify-center">
<a
class="mt-2 lg:mt-4 rounded-lg bg-le-jaune px-4 py-1 lg:py-2 text-center text-base tracking-wider uppercase text-black drop-shadow-md active:bg-le-vert-800 hover:bg-le-jaune-very-dark hover:text-white font-medium"
on:click={() => (isBudgetConnexionModalOpen = true)}
>
Calculer l'impact budgétaire
</a>
</div>
</div>
<BudgetConnexionModal bind:isOpen={isBudgetConnexionModalOpen} />
<!--Bouton flottant mobile pour fermer volet édition du cas type-->
<button
......
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment