fix: search button css on ios is a round boi now

This commit is contained in:
Adrian Castro
2024-02-04 19:46:41 +01:00
parent 7941a35111
commit 4e60002bac

View File

@@ -1,3 +1,4 @@
import { View } from "react-native";
import { Tabs } from "expo-router"; import { Tabs } from "expo-router";
import Colors from "@movie-web/tailwind-config/colors"; import Colors from "@movie-web/tailwind-config/colors";
@@ -55,11 +56,9 @@ export default function TabLayout() {
title: "Search", title: "Search",
tabBarLabel: "", tabBarLabel: "",
tabBarIcon: () => ( tabBarIcon: () => (
<TabBarIcon <View className="android:top-2 ios:top-2 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full bg-primary-400 text-center align-middle text-2xl text-white">
className="flex aspect-[1/1] h-14 items-center justify-center rounded-full bg-primary-400 text-center align-middle text-2xl text-white" <TabBarIcon name="search" color="#FFF" />
name="search" </View>
color="#FFF"
/>
), ),
}} }}
/> />