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>
|
||||
|
||||
{/* 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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user