more fixes web + mobile

2025-11-20 11:26:24 +01:00
parent fe9b2b9e8d
commit 70c94c97b4
32 changed files with 1214 additions and 226 deletions
@@ -14,6 +14,9 @@ const MusicLandHeader = ({
  style,
 }) => {
  const isWeb = Platform.OS === "web";
+  const backHitSlop = isWeb
+    ? undefined
+    : { top: 16, right: 16, bottom: 16, left: 16 };
  const backButtonStyle = isWeb
    ? {
        ...Style.containerRow,
@@ -37,7 +40,11 @@ const MusicLandHeader = ({
  return (
    <View style={{ alignItems: "center", gap: 16, ...style }}>
      <View style={{ width: "100%", ...Style.containerRow, gap: 16 }}>
-        <Pressable style={backButtonStyle} onPress={onPressBack}>
+        <Pressable
+          style={backButtonStyle}
+          onPress={onPressBack}
+          hitSlop={backHitSlop}
+        >
          <Image
            source={backIconSource}
            style={backIconStyle}