diff --git a/apps/rebreak-native/components/ComposeCard.tsx b/apps/rebreak-native/components/ComposeCard.tsx index c31b651..1d63b08 100644 --- a/apps/rebreak-native/components/ComposeCard.tsx +++ b/apps/rebreak-native/components/ComposeCard.tsx @@ -126,7 +126,6 @@ export function ComposeCard({ onPosted }: Props) { style={{ height: 160 }} resizeMode="cover" /> - {/* HitSlop +9pt rundum → 28pt visual + 18pt slop ≈ 46pt effektive Tap-Area (HIG ≥44pt). */} setImageUri(null)} hitSlop={{ top: 9, bottom: 9, left: 9, right: 9 }} @@ -143,20 +142,17 @@ export function ComposeCard({ onPosted }: Props) { {showActions && ( - {/* Image-Picker: visuell klein (icon 18pt + label), aber hitSlop +12 → effektive Tap-Area ~46pt (HIG-Min 44pt). */} ({ opacity: pressed ? 0.6 : 1 })} + className="flex-row items-center gap-1.5 px-2" + style={({ pressed }) => ({ opacity: pressed ? 0.6 : 1, height: 44, alignItems: 'center', justifyContent: 'center' })} > - + {t('community.image')} - {/* Cancel-Label: hitSlop sichert ≥44pt Tap-Area trotz nackter Text-Höhe. */} {t('common.cancel')} - {/* Share-Pill: visuell h-8 (32pt) bleibt erhalten — hitSlop +6 vertikal hebt Tap-Area auf 44pt. */} ({ + height: 44, opacity: pressed || !content.trim() || posting ? 0.5 : 1, })} >