diff --git a/apps/mobile/src/app/(tabs)/home.tsx b/apps/mobile/src/app/(tabs)/home.tsx index 9aec0c6..e8f3e30 100644 --- a/apps/mobile/src/app/(tabs)/home.tsx +++ b/apps/mobile/src/app/(tabs)/home.tsx @@ -5,6 +5,7 @@ import { useQuery } from "@tanstack/react-query"; import { api } from "@/lib/api"; import { useAuth } from "@/lib/auth"; import { t } from "@/lib/i18n"; +import * as Haptics from "expo-haptics"; import { formatMinor } from "@/lib/money"; import { Body, @@ -179,7 +180,13 @@ function QuickLink({ onPress: () => void; }) { return ( - + { + void Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light); + onPress(); + }} + style={{ flex: 1, alignItems: "center", paddingVertical: spacing.sm }} + > {glyph} {label} diff --git a/apps/mobile/src/components/ui.tsx b/apps/mobile/src/components/ui.tsx index 986c872..039a912 100644 --- a/apps/mobile/src/components/ui.tsx +++ b/apps/mobile/src/components/ui.tsx @@ -68,7 +68,7 @@ export function Card({ return ( [styles.card, style, pressed && { opacity: 0.85 }]} + style={({ pressed }) => [styles.card, style, pressed && { opacity: 0.9, transform: [{ scale: 0.97 }] }]} > {children}