refactor(todos): FAB unique + pour créer une tâche (mobile et laptop)

Supprime le bouton "Nouvelle tâche" laptop, remplace par le même FAB
circulaire que mobile — position adaptée (bottom: 72px mobile, 24px laptop).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-25 06:31:04 +02:00
parent 37e7f006d3
commit 5dc335ad17
+2 -30
View File
@@ -395,15 +395,12 @@ export default function TodosPage() {
)}
</div>
{/* FAB mobile */}
{/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */}
<button
className="lg:hidden"
className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6"
onClick={() => setShowForm(true)}
aria-label="Nouvelle tâche"
style={{
position: 'fixed',
bottom: 72,
right: 20,
width: 56,
height: 56,
borderRadius: '50%',
@@ -419,31 +416,6 @@ export default function TodosPage() {
lineHeight: 1,
}}
>+</button>
{/* Bouton création laptop */}
<button
className="hidden lg:flex"
onClick={() => setShowForm(true)}
style={{
position: 'fixed',
bottom: 24,
right: 24,
padding: '10px 20px',
borderRadius: 8,
background: 'var(--accent)',
color: '#1d2021',
border: 'none',
cursor: 'pointer',
fontFamily: 'var(--font-ui)',
fontWeight: 600,
fontSize: 14,
boxShadow: '0 4px 12px rgba(0,0,0,0.4)',
alignItems: 'center',
gap: 6,
}}
>
+ Nouvelle tâche
</button>
</div>
)
}