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:
@@ -395,15 +395,12 @@ export default function TodosPage() {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* FAB mobile */}
|
{/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */}
|
||||||
<button
|
<button
|
||||||
className="lg:hidden"
|
className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6"
|
||||||
onClick={() => setShowForm(true)}
|
onClick={() => setShowForm(true)}
|
||||||
aria-label="Nouvelle tâche"
|
aria-label="Nouvelle tâche"
|
||||||
style={{
|
style={{
|
||||||
position: 'fixed',
|
|
||||||
bottom: 72,
|
|
||||||
right: 20,
|
|
||||||
width: 56,
|
width: 56,
|
||||||
height: 56,
|
height: 56,
|
||||||
borderRadius: '50%',
|
borderRadius: '50%',
|
||||||
@@ -419,31 +416,6 @@ export default function TodosPage() {
|
|||||||
lineHeight: 1,
|
lineHeight: 1,
|
||||||
}}
|
}}
|
||||||
>+</button>
|
>+</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>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user