fix(ui): keep back button touch area at 44dp with hitSlop

This commit is contained in:
Gauvain
2026-07-17 17:25:49 +02:00
parent 8b02cfcb65
commit 610158efbd

View File

@@ -51,8 +51,10 @@ export const HeaderBackButton: React.FC<Props> = ({
onPress={() => router.back()} onPress={() => router.back()}
// Match the Settings page back button: chevron flush to the edge with a // Match the Settings page back button: chevron flush to the edge with a
// 16px gap before the title (the old `p-2` pushed both arrow and title // 16px gap before the title (the old `p-2` pushed both arrow and title
// too far right). drop-shadow keeps it readable over images. // too far right). drop-shadow keeps it readable over images. hitSlop
// keeps the touch area at ~44dp now that the padding is gone.
style={{ marginRight: 16 }} style={{ marginRight: 16 }}
hitSlop={8}
{...pressableProps} {...pressableProps}
> >
<Feather <Feather