feat(templates/base): Améliore l'accessibilité tactile des liens légaux dans le footer.

This commit is contained in:
Serreau Jovann
2025-11-21 23:09:34 +01:00
parent 736ae74af9
commit 538d6af1df

View File

@@ -467,19 +467,32 @@
</div>
{# Liens Légaux #}
<div class="flex flex-wrap justify-center md:justify-end space-x-4 text-sm font-medium">
{# Liens Légaux - Fixé pour l'accessibilité tactile (Touch Target) #}
<div class="flex flex-wrap justify-center md:justify-end gap-x-6 gap-y-2 text-sm font-medium">
<a href="{{ path('app_legal') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'legal_notice_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'legal_notice_link'|trans }}
</a>
<a href="{{ path('app_cookies') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'cookie_policy_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'cookie_policy_link'|trans }}
</a>
<a href="{{ path('app_hosting') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'hosting_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'hosting_link'|trans }}
</a>
<a href="{{ path('app_rgpd') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'rgpd_policy_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'rgpd_policy_link'|trans }}
</a>
<a href="{{ path('app_cgu') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'cgu_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'cgu_link'|trans }}
</a>
<a href="{{ path('app_cgv') }}"
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out">{{ 'cgv_link'|trans }}</a>
class="text-gray-800 hover:text-red-600 transition duration-150 ease-in-out p-3 rounded-lg hover:bg-gray-100">
{{ 'cgv_link'|trans }}
</a>
</div>
</div>