fix style explore header

fleetbase · Mar 19, 2024 · 451a024 · 451a024
1 parent a49fb86
commit 451a024
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/features/Network/screens/ExploreScreen.js b/src/features/Network/screens/ExploreScreen.js
@@ -120,7 +120,7 @@ const ExploreScreen = ({ navigation, route }) => {
                 refreshControl={<RefreshControl refreshing={isRefreshing} onRefresh={refresh} />}
                 stickyHeaderIndices={[1]}
                 style={tailwind('w-full h-full')}>
-                <View style={tailwind('py-2 px-4')}>
+                <View style={tailwind('px-4')}>
                     <NetworkCategoryBlock
                         containerStyle={tailwind('mb-2 p-2')}
                         onCategoriesLoaded={setNetworkCategories}

diff --git a/src/interface/NetworkCategoryBlock.js b/src/interface/NetworkCategoryBlock.js
@@ -60,7 +60,7 @@ const NetworkCategoryBlock = (props) => {
     const categories = networkCategories?.length > 7 ? networkCategories.slice(0, 7) : networkCategories;
 
     return (
-        <View style={[tailwind('rounded-md border border-gray-200 drop-shadow-lg'), props.containerStyle]}>
+        <View style={[tailwind('rounded-md border border-gray-200 drop-shadow-lg py-2'), props.containerStyle]}>
             <View style={tailwind('flex flex-row flex-wrap justify-evenly w-full')}>
                 {categories.map((category) => (
                     <TouchableOpacity key={category.id} onPress={() => on('press', category)} style={[tailwind('w-1/4 flex items-center text-center mb-3'), props.categoryStyle]}>