sosokker/chefhai
1
0
Fork 0
mirror of https://github.com/Sosokker/chefhai.git synced 2025-12-19 05:54:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

rearrange element

Browse Source
This commit is contained in:
Tantikon Phasanphaengsi 2025-05-08 21:03:37 +07:00
parent 23cf0f7997
commit 277b113180
1 changed files with 40 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
app/(tabs)/index.tsx
View File

@ -147,18 +147,48 @@ export default function HomeScreen() {
showsVerticalScrollIndicator={false} showsVerticalScrollIndicator={false}
contentContainerStyle={{ paddingBottom: 100 }} contentContainerStyle={{ paddingBottom: 100 }}
> >
{/* Center Image */} {/* Show your dishes */}
<View className="items-center justify-center my-8"> <View className="px-6 mb-6">
<View className="w-32 h-32 items-center justify-center bg-[#fff5e6] rounded-full"> <View className="flex-row items-center mb-4">
<View className="flex-row items-center"> <Text className="text-2xl font-bold mr-2">Show your dishes</Text>
<View className="absolute flex-row"> <Feather name="wifi" size={20} color="black" />
<Image </View>
source={{ uri: "/placeholder.svg?height=60&width=60&query=orange fruit with green leaf" }}
className="w-14 h-14" <View className="bg-white border border-gray-300 rounded-full mb-6 flex-row items-center px-4 py-3">
/> <TextInput
</View> className="flex-1"
placeholder="Search..."
value={searchQuery}
onChangeText={handleSearch}
/>
<View className="bg-[#ffd60a] p-2 rounded-full">
<Feather name="send" size={20} color="black" />
</View> </View>
</View> </View>
<View className="flex-row justify-between">
<TouchableOpacity
className="bg-[#ffd60a] p-4 rounded-xl w-[48%]"
onPress={takePhoto}
>
<View className="items-center">
<FontAwesome name="camera" size={24} color="black" />
<Text className="text-lg font-bold mt-2">From Camera</Text>
<Text className="text-sm text-gray-700">Straight from Camera</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
className="bg-[#f9be25] p-4 rounded-xl w-[48%]"
onPress={pickImage}
>
<View className="items-center">
<Feather name="image" size={24} color="black" />
<Text className="text-lg font-bold mt-2">From Gallery</Text>
<Text className="text-sm text-gray-700">Straight from Gallery</Text>
</View>
</TouchableOpacity>
</View>
</View> </View>
{/* Highlights Section */} {/* Highlights Section */}
@ -201,50 +231,6 @@ export default function HomeScreen() {
</View> </View>
</View> </View>
{/* Show your dishes */}
<View className="px-6 mb-6">
<View className="flex-row items-center mb-4">
<Text className="text-2xl font-bold mr-2">Show your dishes</Text>
<Feather name="wifi" size={20} color="black" />
</View>
<View className="bg-white border border-gray-300 rounded-full mb-6 flex-row items-center px-4 py-3">
<TextInput
className="flex-1"
placeholder="Search..."
value={searchQuery}
onChangeText={handleSearch}
/>
<View className="bg-[#ffd60a] p-2 rounded-full">
<Feather name="send" size={20} color="black" />
</View>
</View>
<View className="flex-row justify-between">
<TouchableOpacity
className="bg-[#ffd60a] p-4 rounded-xl w-[48%]"
onPress={takePhoto}
>
<View className="items-center">
<FontAwesome name="camera" size={24} color="black" />
<Text className="text-lg font-bold mt-2">From Camera</Text>
<Text className="text-sm text-gray-700">Straight from Camera</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
className="bg-[#f9be25] p-4 rounded-xl w-[48%]"
onPress={pickImage}
>
<View className="items-center">
<Feather name="image" size={24} color="black" />
<Text className="text-lg font-bold mt-2">From Gallery</Text>
<Text className="text-sm text-gray-700">Straight from Gallery</Text>
</View>
</TouchableOpacity>
</View>
</View>
{/* Extra space at bottom */} {/* Extra space at bottom */}
<View className="h-20"></View> <View className="h-20"></View>
</ScrollView> </ScrollView>