Remove incorrect margins for android.

This commit is contained in:
Patrick Fic
2025-10-21 14:04:56 -07:00
parent 044be62f3d
commit f001e87a49
2 changed files with 46 additions and 52 deletions

View File

@@ -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 }]}
>
<View style={styles.outerShadow}>
<View style={styles.blurContainer}>
{/* Translucent overlay for glass effect */}
<View
experimentalBlurMethod="true"
intensity={Platform.OS === "ios" ? 30 : 0}
tint={theme.dark ? "dark" : "light"}
style={styles.blurContainer}
style={[
styles.glassCard,
{
backgroundColor: theme.dark
? "rgba(30,30,30,0.55)"
: "rgba(255,255,255,0.55)",
borderColor: theme.colors.outlineVariant,
},
]}
>
{/* Translucent overlay for glass effect */}
<View
style={[
styles.glassCard,
{
backgroundColor: theme.dark
? "rgba(30,30,30,0.55)"
: "rgba(255,255,255,0.55)",
borderColor: theme.colors.outlineVariant,
},
]}
>
<View style={styles.cardContents}>
<View style={{ flex: 1, display: "flex" }}>
<View style={styles.headerRow}>
<View style={styles.leftHeader}>
<Text
numberOfLines={1}
style={[styles.roNumber, { color: theme.colors.primary }]}
>
{roNumber} {ownerName}
{ownerName && company ? " • " : ""}
{company}
</Text>
</View>
</View>
<View style={styles.body}>
{!!vehicle && (
<Text
variant="bodyMedium"
numberOfLines={1}
style={{ marginTop: 4 }}
>
{vehicle}
</Text>
)}
<View style={styles.cardContents}>
<View style={{ flex: 1, display: "flex" }}>
<View style={styles.headerRow}>
<View style={styles.leftHeader}>
<Text
numberOfLines={1}
style={[styles.roNumber, { color: theme.colors.primary }]}
>
{roNumber} {ownerName}
{ownerName && company ? " • " : ""}
{company}
</Text>
</View>
</View>
<IconButton
onPress={handleUpload}
icon="cloud-upload-outline"
mode="contained-tonal"
size={22}
accessibilityLabel={t("joblist.actions.upload")}
style={styles.uploadButton}
/>
<View style={styles.body}>
{!!vehicle && (
<Text
variant="bodyMedium"
numberOfLines={1}
style={{ marginTop: 4 }}
>
{vehicle}
</Text>
)}
</View>
</View>
<IconButton
onPress={handleUpload}
icon="cloud-upload-outline"
mode="contained-tonal"
size={22}
accessibilityLabel={t("joblist.actions.upload")}
style={styles.uploadButton}
/>
</View>
</View>
</View>
@@ -116,7 +109,7 @@ const styles = StyleSheet.create({
marginVertical: 6,
},
outerShadow: {
borderRadius: 20,
borderRadius: 20, //this one
shadowColor: "#000",
shadowOpacity: 0.12,
shadowRadius: 8,