fix(35-03): add cursor-pointer to FabMenu and BottomTabBar buttons
- 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:
@@ -65,7 +65,11 @@ export function BottomTabBar() {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
<button type="button" onClick={openAuthPrompt}>
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={openAuthPrompt}
|
||||||
|
className="cursor-pointer"
|
||||||
|
>
|
||||||
<TabItemWrapper
|
<TabItemWrapper
|
||||||
icon="package"
|
icon="package"
|
||||||
label={t("nav.collection")}
|
label={t("nav.collection")}
|
||||||
@@ -84,7 +88,11 @@ export function BottomTabBar() {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
<button type="button" onClick={openAuthPrompt}>
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={openAuthPrompt}
|
||||||
|
className="cursor-pointer"
|
||||||
|
>
|
||||||
<TabItemWrapper
|
<TabItemWrapper
|
||||||
icon="layers"
|
icon="layers"
|
||||||
label={t("nav.setups")}
|
label={t("nav.setups")}
|
||||||
@@ -94,7 +102,11 @@ export function BottomTabBar() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Search tab — always a button, opens CatalogSearchOverlay */}
|
{/* Search tab — always a button, opens CatalogSearchOverlay */}
|
||||||
<button type="button" onClick={() => openCatalogSearch("collection")}>
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => openCatalogSearch("collection")}
|
||||||
|
className="cursor-pointer"
|
||||||
|
>
|
||||||
<TabItemWrapper
|
<TabItemWrapper
|
||||||
icon="search"
|
icon="search"
|
||||||
label={t("nav.search")}
|
label={t("nav.search")}
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
|
|||||||
<motion.button
|
<motion.button
|
||||||
key={item.label}
|
key={item.label}
|
||||||
type="button"
|
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 }}
|
initial={{ opacity: 0, y: 10, scale: 0.9 }}
|
||||||
animate={{ opacity: 1, y: 0, scale: 1 }}
|
animate={{ opacity: 1, y: 0, scale: 1 }}
|
||||||
exit={{ opacity: 0, y: 10, scale: 0.9 }}
|
exit={{ opacity: 0, y: 10, scale: 0.9 }}
|
||||||
@@ -105,7 +105,7 @@ export function FabMenu({ isSetupsPage }: FabMenuProps) {
|
|||||||
{/* FAB button */}
|
{/* FAB button */}
|
||||||
<motion.button
|
<motion.button
|
||||||
type="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}
|
onClick={handleFabClick}
|
||||||
animate={{ rotate: fabMenuOpen ? 45 : 0 }}
|
animate={{ rotate: fabMenuOpen ? 45 : 0 }}
|
||||||
transition={spring}
|
transition={spring}
|
||||||
|
|||||||
Reference in New Issue
Block a user