devcodetools/notes
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(notes): hover effect on floating add button

Browse Source
This commit is contained in:
devcodetools committed 2026-09-13 17:16:29 +02:00
1 parent 4de2ef4739
commit 0b20f2c779
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FloatingButton.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ function FloatingButton({ onClick, label = 'Créer une note' }: FloatingButtonPr
type="button"
onClick={onClick}
aria-label={label}
className="fixed bottom-[calc(env(safe-area-inset-bottom)+1.5rem)] right-6 z-20 flex h-14 w-14 items-center justify-center rounded-full bg-blue-700 text-3xl text-white shadow-lg transition-transform hover:bg-blue-800 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-800 focus:ring-offset-2"
className="fixed bottom-[calc(env(safe-area-inset-bottom)+1.5rem)] right-6 z-20 flex h-14 w-14 items-center justify-center rounded-full bg-blue-700 text-3xl text-white shadow-lg transition-all hover:scale-110 hover:bg-blue-800 hover:shadow-xl hover:rotate-6 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-800 focus:ring-offset-2"
>
+
</button>