Empêcher le retour à la ligne des e-mails dans le footer

This commit is contained in:
Jalil Arfaoui 2026-03-09 17:04:59 +01:00
parent f2667296d3
commit 4f8d5da759

View file

@ -41,15 +41,15 @@ import { companyInfo } from '../data';
<ul class="space-y-8 font-sans"> <ul class="space-y-8 font-sans">
<li> <li>
<span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Professionnels</span> <span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Professionnels</span>
<a href={`mailto:${companyInfo.emails.pro}`} class="text-cloud/70 hover:text-dream-coral transition-colors flex items-center gap-3 font-bold break-all"> <a href={`mailto:${companyInfo.emails.pro}`} class="text-cloud/70 hover:text-dream-coral transition-colors flex items-center gap-3 font-bold whitespace-nowrap text-sm">
<Icon name="lucide:mail" size={16} class="text-dream-coral" /> <Icon name="lucide:mail" size={16} class="text-dream-coral shrink-0" />
{companyInfo.emails.pro} {companyInfo.emails.pro}
</a> </a>
</li> </li>
<li> <li>
<span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Ateliers Théâtre</span> <span class="block text-[10px] text-cloud/20 uppercase tracking-widest font-bold mb-2">Ateliers Théâtre</span>
<a href={`mailto:${companyInfo.emails.ateliers}`} class="text-cloud/70 hover:text-dream-blue transition-colors flex items-center gap-3 font-bold break-all"> <a href={`mailto:${companyInfo.emails.ateliers}`} class="text-cloud/70 hover:text-dream-blue transition-colors flex items-center gap-3 font-bold whitespace-nowrap text-sm">
<Icon name="lucide:mail" size={16} class="text-dream-blue" /> <Icon name="lucide:mail" size={16} class="text-dream-blue shrink-0" />
{companyInfo.emails.ateliers} {companyInfo.emails.ateliers}
</a> </a>
</li> </li>