gilles/home_hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ux(fab): repositionner le bouton action sur la nav bar v0.4.7

Browse Source 
FAB déplacé sur la barre de nav (bottom: 10px) au lieu de flotter
au-dessus de la liste — liste entièrement visible sur Shopping,
Todos et Notes. paddingBottom liste réduit à 64px (hauteur nav seule).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
gilles
2026-05-25 09:51:33 +02:00
co-authored by Claude Sonnet 4.6
parent 880f7f2125
commit d6d3acd1fe
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/package.json
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "homehub-frontend", "name": "homehub-frontend",
"private": true, "private": true,
"version": "0.4.6", "version": "0.4.7",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
frontend/src/pages/NotesPage.tsx
+1 -1
View File
@@ -350,7 +350,7 @@ export default function NotesPage() {
{/* FAB */} {/* FAB */}
<button <button
className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6" className="fixed bottom-[10px] right-3 lg:bottom-6 lg:right-6"
onClick={() => setShowForm(true)} onClick={() => setShowForm(true)}
aria-label="Nouvelle note" aria-label="Nouvelle note"
style={{ style={{
frontend/src/pages/ShoppingPage.tsx
+2 -2
View File
@@ -487,7 +487,7 @@ export default function ShoppingPage() {
</p> </p>
)} )}
<div style={{ flex: 1, overflowY: 'auto', paddingBottom: 80 }}> <div style={{ flex: 1, overflowY: 'auto', paddingBottom: 64 }}>
{uncheckedItems.map(item => ( {uncheckedItems.map(item => (
<ItemRow <ItemRow
key={item.id} key={item.id}
@@ -532,7 +532,7 @@ export default function ShoppingPage() {
onClick={openAddSheet} onClick={openAddSheet}
aria-label="Ajouter un article" aria-label="Ajouter un article"
style={{ style={{
position: 'fixed', bottom: 72, right: 20, position: 'fixed', bottom: 10, right: 12,
width: 56, height: 56, borderRadius: '50%', width: 56, height: 56, borderRadius: '50%',
background: 'var(--accent)', color: '#1d2021', border: 'none', background: 'var(--accent)', color: '#1d2021', border: 'none',
fontSize: 22, cursor: 'pointer', boxShadow: '0 4px 12px rgba(0,0,0,0.5)', fontSize: 22, cursor: 'pointer', boxShadow: '0 4px 12px rgba(0,0,0,0.5)',
frontend/src/pages/TodosPage.tsx
+1 -1
View File
@@ -397,7 +397,7 @@ export default function TodosPage() {
{/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */} {/* FAB création — mobile : au-dessus de la barre de nav ; laptop : coin bas-droit */}
<button <button
className="fixed bottom-[72px] right-5 lg:bottom-6 lg:right-6" className="fixed bottom-[10px] right-3 lg:bottom-6 lg:right-6"
onClick={() => setShowForm(true)} onClick={() => setShowForm(true)}
aria-label="Nouvelle tâche" aria-label="Nouvelle tâche"
style={{ style={{