update deps and fix navbar icon

This commit is contained in:
Jorrin
2024-02-03 21:31:19 +01:00
parent add7c1841d
commit 82172727e9
5 changed files with 9 additions and 41 deletions

View File

@@ -56,7 +56,7 @@ export default function TabLayout() {
tabBarLabel: "",
tabBarIcon: () => (
<TabBarIcon
className=" bg-primary-400 flex aspect-[1/1] h-14 items-center justify-center rounded-full text-center text-2xl text-white"
className="top-2 flex aspect-[1/1] h-14 items-center justify-center rounded-full bg-primary-400 text-center align-middle text-2xl text-white"
name="search"
color="#FFF"
/>

View File

@@ -1,6 +1,5 @@
import { useCallback, useRef, useState } from "react";
import { View } from "react-native";
import { TextInput } from "react-native-gesture-handler";
import { TextInput, View } from "react-native";
import { useFocusEffect } from "expo-router";
import { FontAwesome5 } from "@expo/vector-icons";
@@ -24,7 +23,7 @@ export default function Searchbar() {
);
return (
<View className="border-primary-400 focus-within:border-primary-300 mb-6 mt-4 flex-row items-center rounded-full border">
<View className="mb-6 mt-4 flex-row items-center rounded-full border border-primary-400 focus-within:border-primary-300">
<View className="ml-1 w-12 items-center justify-center">
<FontAwesome5 name="search" size={18} color={Colors.secondary[200]} />
</View>