diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte index e984eeb03a83471a155e3c85722e3e2781a2e069..e3bf47279380527f6e43a6b5ca69452ba9b8aede 100644 --- a/src/lib/components/NavBar.svelte +++ b/src/lib/components/NavBar.svelte @@ -216,13 +216,7 @@ > Accueil simulateur </MenuItem> - <MenuItem - as="a" - class="block border-b-2 border-black px-4 py-3 hover:bg-gray-100 text-center" - href="/fonctionnement" - > - Méthode de calcul et traitement des données - </MenuItem> + <MenuItem as="a" class="block border-b px-4 py-3 hover:bg-gray-100 cursor-pointer text-center" @@ -339,6 +333,16 @@ <MenuItems class="absolute right-0 top-0 z-50 mr-6 mt-14 w-64 rounded bg-white text-black shadow-xl ring-1 ring-black ring-opacity-5 focus:outline-none" > + <MenuItem + as="a" + class="block border-b px-4 py-3 hover:bg-gray-100 cursor-pointer" + href="/accueil#impacts-budgetaires" + > + <iconify-icon + class="align-[-0.25rem] text-xl mr-1" + icon="ri-list-check-3" + /> Présentation des fonctionnalités + </MenuItem> <MenuItem as="a" class="hidden md:block group border-b px-4 py-3 hover:bg-gray-100 cursor-pointer" @@ -356,6 +360,7 @@ /></span > </MenuItem> + <MenuItem as="span" class="hidden md:block border-b px-4 py-3 cursor-default text-gray-400" @@ -376,6 +381,16 @@ <!-- icon="ri:video-line"--> <!-- /> Tutoriels vidéos--> <!-- </MenuItem>--> + <MenuItem + as="a" + class="block border-b px-4 py-3 hover:bg-gray-100 cursor-pointer" + href="/fonctionnement" + > + <iconify-icon + class="align-[-0.25rem] text-xl mr-1" + icon="ri-database-line" + />Méthode de calcul et traitement des données + </MenuItem> </MenuItems> </Menu> @@ -524,7 +539,17 @@ {/if} <MenuItem as="a" - class="group hidden md:block border-b px-4 py-3 hover:bg-gray-100 cursor-pointer text-center" + class="block md:hidden border-b px-4 py-3 hover:bg-gray-100 cursor-pointer text-center" + href="/accueil#impacts-budgetaires" + > + <iconify-icon + class="align-[-0.25rem] text-xl mr-1" + icon="ri-list-check-3" + /> Présentation des fonctionnalités + </MenuItem> + <MenuItem + as="a" + class="group block md:hidden border-b px-4 py-3 hover:bg-gray-100 cursor-pointer text-center" on:click={help} > <iconify-icon @@ -534,7 +559,7 @@ </MenuItem> <MenuItem as="span" - class="hidden md:block border-b px-4 py-3 cursor-default text-gray-400" + class="block md:hidden border-b px-4 py-3 cursor-default text-gray-400" > <iconify-icon class="align-[-0.25rem] text-xl mr-1" @@ -552,6 +577,16 @@ <!-- icon="ri:video-line"--> <!-- /> Tutoriels vidéos--> <!-- </MenuItem>--> + <MenuItem + as="a" + class="block md:hidden border-b px-4 py-3 hover:bg-gray-100 cursor-pointer text-center" + href="/fonctionnement" + > + <iconify-icon + class="align-[-0.25rem] text-xl mr-1" + icon="ri-database-line" + /> Méthode de calcul et traitement des données + </MenuItem> <MenuItem as="a" class="block border-b-2 border-black px-4 py-3 hover:bg-gray-100 cursor-pointer uppercase text-sm tracking-wider"