makiolaj/GearBox
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 10 Wiki Activity

fix(35-03): add cursor-pointer to FabMenu and BottomTabBar buttons

Browse Source 
- Add cursor-pointer to FabMenu menu item buttons (motion.button)
- Add cursor-pointer to FabMenu main FAB button (motion.button)
- Add cursor-pointer to BottomTabBar anonymous collection tab button
- Add cursor-pointer to BottomTabBar anonymous setups tab button
- Add cursor-pointer to BottomTabBar search tab button
This commit is contained in:
Jean-Luc Makiola
2026-04-19 19:50:38 +02:00
parent e1d516cfe8
commit d58f7fab40
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/client/components/BottomTabBar.tsx
View File

@@ -65,7 +65,11 @@ export function BottomTabBar() {
/>
</Link>
) : (
<button type="button" onClick={openAuthPrompt}>
<button
type="button"
onClick={openAuthPrompt}
className="cursor-pointer"
>
<TabItemWrapper
icon="package"
label={t("nav.collection")}
@@ -84,7 +88,11 @@ export function BottomTabBar() {
/>
</Link>
) : (
<button type="button" onClick={openAuthPrompt}>
<button
type="button"
onClick={openAuthPrompt}
className="cursor-pointer"
>
<TabItemWrapper
icon="layers"
label={t("nav.setups")}
@@ -94,7 +102,11 @@ export function BottomTabBar() {
)}
{/* Search tab — always a button, opens CatalogSearchOverlay */}
<button type="button" onClick={() => openCatalogSearch("collection")}>
<button
type="button"
onClick={() => openCatalogSearch("collection")}
className="cursor-pointer"
>
<TabItemWrapper
icon="search"
label={t("nav.search")}

4
src/client/components/FabMenu.tsx
View File

@@ -82,7 +82,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
<motion.button
key={item.label}
type="button"
className="flex items-center gap-3 bg-white shadow-lg rounded-full px-4 py-3 hover:bg-gray-50 transition-colors"
className="flex items-center gap-3 bg-white shadow-lg rounded-full px-4 py-3 hover:bg-gray-50 transition-colors cursor-pointer"
initial={{ opacity: 0, y: 10, scale: 0.9 }}
animate={{ opacity: 1, y: 0, scale: 1 }}
exit={{ opacity: 0, y: 10, scale: 0.9 }}
@@ -105,7 +105,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
{/* FAB button */}
<motion.button
type="button"
className="fixed bottom-6 right-6 z-20 w-14 h-14 bg-gray-700 hover:bg-gray-800 text-white rounded-full shadow-lg hover:shadow-xl transition-colors flex items-center justify-center"
className="fixed bottom-6 right-6 z-20 w-14 h-14 bg-gray-700 hover:bg-gray-800 text-white rounded-full shadow-lg hover:shadow-xl transition-colors flex items-center justify-center cursor-pointer"
onClick={handleFabClick}
animate={{ rotate: fabMenuOpen ? 45 : 0 }}
transition={spring}