fix: example websites modal and bottom tab component styles

burhanyilmaz · May 6, 2024 · d67be98 · d67be98
1 parent ca3ca9d
commit d67be98
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/BottomTab/index.tsx b/src/components/BottomTab/index.tsx
@@ -27,7 +27,7 @@ const BottomNavigation = ({ navigation, state }: BottomTabBarProps) => {
   const onPressNavigate = (screen: string) => () => navigation.navigate(screen);
 
   return (
-    <View className="border-t-b1 border-t-zinc-100 bg-zinc-50">
+    <View className="border-t-b1 border-t-zinc-100 bg-zinc-50 pb-2">
       <View
         className="pt-2 px-5 flex-row justify-between"
         style={{

diff --git a/src/components/ExampleWpSites.tsx b/src/components/ExampleWpSites.tsx
@@ -23,7 +23,7 @@ type Props = {
 const ExampleWpSites = ({ visible, onClose, onPressExampleWebsite }: Props) => (
   <Modal visible={visible} transparent animationType="none">
     <View className="flex-1 justify-end items-center" style={styles.overlay}>
-      <SafeAreaView className="w-full bg-zinc-100 rounded-t-xl ">
+      <SafeAreaView className="w-full bg-zinc-100 rounded-t-xl flex-1">
         <FlatList
           data={ExampleWPWebsites}
           renderItem={({ item }) => (
@@ -32,11 +32,9 @@ const ExampleWpSites = ({ visible, onClose, onPressExampleWebsite }: Props) => (
               className="mx-5 py-2 flex-row items-center justify-between border-b-0.5 border-zinc-500">
               <View className="flex-row items-center">
                 <Image
-                  source={{
-                    uri: item.image,
-                  }}
                   resizeMode="contain"
                   className="h-16 w-16 mr-4"
+                  source={{ uri: item.image }}
                 />
                 <Text className={text({ type: 'title4' })}>{item.name}</Text>
               </View>