fix(expo): header styles on IOS

mrevanzak · Nov 13, 2023 · 6a0077f · 6a0077f
1 parent 74afc14
commit 6a0077f
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/apps/expo/src/components/Header.tsx b/apps/expo/src/components/Header.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { Platform } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import {
   BorderRadiuses,
@@ -24,7 +25,7 @@ export default function Header(props: HeaderProps) {
   const setSearch = useSearchStore((state) => state.setSearch);
 
   return (
-    <SafeAreaView className="flex-row bg-[#157DC1]" {...props}>
+    <SafeAreaView className="bg-primary flex-row" {...props} edges={["top"]}>
       <View flex row padding-s4 className="space-x-2">
         {canGoBack && (
           <Button
@@ -56,6 +57,7 @@ export default function Header(props: HeaderProps) {
                 }}
                 fieldStyle={{
                   marginLeft: 10,
+                  marginVertical: Platform.OS === "ios" ? Spacings.s2 : 0,
                 }}
                 readonly={!canGoBack}
                 onChangeText={setSearch}