diff --git a/app/jobs/[jobId]/_layout.tsx b/app/jobs/[jobId]/_layout.tsx index 2745ec7..0e00fdb 100644 --- a/app/jobs/[jobId]/_layout.tsx +++ b/app/jobs/[jobId]/_layout.tsx @@ -14,8 +14,9 @@ function JobTabLayout(props) { tabBarPosition: "top", headerShown: false, animation: "shift", + tabBarStyle: { - marginTop: -50, + // marginTop: -50 }, }} > diff --git a/components/jobs-list/job-list-item.jsx b/components/jobs-list/job-list-item.jsx index 11b1ecd..b104385 100644 --- a/components/jobs-list/job-list-item.jsx +++ b/components/jobs-list/job-list-item.jsx @@ -2,7 +2,7 @@ import * as Haptics from "expo-haptics"; import { useRouter } from "expo-router"; import React, { memo, useCallback } from "react"; import { useTranslation } from "react-i18next"; -import { Platform, Pressable, StyleSheet, View } from "react-native"; +import { Pressable, StyleSheet, View } from "react-native"; import { IconButton, Text, useTheme } from "react-native-paper"; import { connect } from "react-redux"; import { createStructuredSelector } from "reselect"; @@ -49,60 +49,53 @@ function JobListItemComponent({ openImagePicker, item }) { onPress={onPress} style={({ pressed }) => [styles.pressable, pressed && { opacity: 0.85 }]} > - + + {/* Translucent overlay for glass effect */} - {/* Translucent overlay for glass effect */} - - - - - - - {roNumber} • {ownerName} - {ownerName && company ? " • " : ""} - {company} - - - - - {!!vehicle && ( - - {vehicle} - - )} + + + + + + {roNumber} • {ownerName} + {ownerName && company ? " • " : ""} + {company} + - + + {!!vehicle && ( + + {vehicle} + + )} + + @@ -116,7 +109,7 @@ const styles = StyleSheet.create({ marginVertical: 6, }, outerShadow: { - borderRadius: 20, + borderRadius: 20, //this one shadowColor: "#000", shadowOpacity: 0.12, shadowRadius: 8,