Skip to content
Snippets Groups Projects
Commit 61c16e2d authored by Dorine Lambinet's avatar Dorine Lambinet
Browse files

Ajoute un accès aux différents simulateurs depuis la navbar mobile (suite retours utilisateurs)

parent 312d87d0
No related branches found
No related tags found
1 merge request!42Harmonise le design de la navbar avec celle du budget
Show whitespace changes
Inline Side-by-side
src/lib/components/NavBar.svelte
+ 51
− 39
View file @ 61c16e2d
......@@ -69,7 +69,7 @@
>
<a
href={new URL("a-propos", portalUrl).toString()}
class="border-b block px-4 py-3 font-bold text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 font-bold text-base text-gray-700 hover:bg-gray-100"
role="menuitem">À propos de LexImpact</a
>
<a
......@@ -77,46 +77,47 @@
"comment-fonctionnent-les-simulateurs",
portalUrl,
).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem"
>Comment fonctionnent les simulateurs LexImpact ?</a
>
<a
href={new URL("contribuer", portalUrl).toString()}
class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
>
Contribuer
</a>
<a
href={new URL("statistiques", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem">Statistiques d'usage</a
>
<a
href={new URL("cgu", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem">Conditions d'utilisation</a
>
<a
href={new URL("mentions-legales", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem">Mentions légales</a
>
<a
href={portalUrl}
class="border-b block px-4 py-3 text-sm bg-gray-200 text-gray-900 hover:bg-gray-400"
class="border-b flex items-center px-4 py-3 text-base bg-gray-200 text-gray-900 hover:bg-gray-400"
role="menuitem"
>
<!-- Material icon: Volunteer Activism-->
<!-- Material icon: Home-->
<svg
class="fill-current text-gray-700 inline rounded mr-2"
xmlns="http://www.w3.org/2000/svg"
height="18px"
viewBox="0 0 22 22"
width="18px"
height="24px"
viewBox="0 0 24 24"
width="24px"
fill="#000000"
><path d="M0 0h24v24H0z" fill="none" /><path
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/></svg
>Retour en page d'accueil</a
>
......@@ -365,7 +366,7 @@
{#if user === undefined}
<a
href="/authentication/signin/leximpact?redirect={$page.path}"
class="border-b block px-4 py-3 text-sm bg-le-jaune-dark text-white hover:text-black"
class="border-b block px-4 py-3 text-base bg-le-jaune-dark text-white hover:text-black"
role="menuitem"
>
<!-- Material icon: VPN key-->
......@@ -383,7 +384,7 @@
{:else}
<a
href="https://socio-fiscal.leximpact.an.fr/"
class="border-b block px-4 py-3 text-sm bg-le-jaune-dark text-white hover:text-black"
class="border-b block px-4 py-3 text-base bg-le-jaune-dark text-white hover:text-black"
role="menuitem"
>
<!-- Material icon: arrow forward-->
......@@ -402,7 +403,7 @@
</a>
<a
href="/authentication/signout"
class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem"
>
<!-- Material icon: Power Settings New-->
......@@ -424,7 +425,7 @@
<a
href={new URL("a-propos", portalUrl).toString()}
class="border-b block px-4 py-3 font-bold text-sm text-gray-700 hover:bg-gray-100"
class="border-b block px-4 py-3 font-bold text-base text-gray-700 hover:bg-gray-100"
role="menuitem">À propos de LexImpact</a
>
<a
......@@ -432,51 +433,62 @@
"comment-fonctionnent-les-simulateurs",
portalUrl,
).toString()}
class=" border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class=" border-b block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem">Comment fonctionnent les simulateurs LexImpact ?</a
>
<a
href="/contribuer"
class="border-b-4 block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
class="border-b-4 block px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem"
>
Contribuer</a
>
<a
href={new URL("statistiques", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">Statistiques d'usage</a
>
<a
href={new URL("cgu", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">Conditions d'utilisation</a
>
<a
href={new URL("mentions-legales", portalUrl).toString()}
class="border-b block px-4 py-3 text-sm text-gray-700 hover:bg-gray-100"
role="menuitem">Mentions légales</a
>
<a
href={portalUrl}
class="border-b block px-4 py-3 text-sm bg-gray-200 text-gray-900 hover:bg-gray-400"
class="border-b flex items-center px-4 py-3 text-base bg-gray-200 text-gray-900 hover:bg-gray-400"
role="menuitem"
>
<!-- Material icon: Volunteer Activism-->
<!-- Material icon: Home-->
<svg
class="fill-current text-gray-700 inline rounded mr-2"
xmlns="http://www.w3.org/2000/svg"
height="18px"
viewBox="0 0 22 22"
width="18px"
height="24px"
viewBox="0 0 24 24"
width="24px"
fill="#000000"
><path d="M0 0h24v24H0z" fill="none" /><path
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"
/></svg
>Retour en page d'accueil</a
>
<a
href="https://leximpact.an.fr/ir"
class="flex border-b items-center px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem"
>Simulateur impôt sur le revenu
<img
class="ml-2"
width="50"
src="/picto-impot-sur-le-revenu.png"
alt="Pictogramme représentant une feuille d'impôt"
/>
</a>
<a
href="https://leximpact.an.fr/dotations"
class="flex border-b items-center px-4 py-3 text-base text-gray-700 hover:bg-gray-100"
role="menuitem"
>Simulateur dotations aux communes
<img
class="ml-2"
width="50"
src="/picto-dotations-communes.png"
alt="Pictogramme représentant un panneau de circulation indiquant commune"
/>
</a>
</div>
{/if}
</div>
......
static/picto-dotations-communes.png 0 → 100644
+ 0
− 0
View file @ 61c16e2d
static/picto-dotations-communes.png

13.6 KiB

static/picto-impot-sur-le-revenu.png 0 → 100644
+ 0
− 0
View file @ 61c16e2d
static/picto-impot-sur-le-revenu.png

7.43 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment