Merge pull request #1602 from ever-co/bug/task-card-shadows-profile-s…

…creen fixed the card shadow to be similar to figma
ever-co · Oct 20, 2023 · 9946bb1 · 9946bb1
2 parents 93a0f1d + 03c0622
commit 9946bb1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/apps/mobile/app/screens/Authenticated/ProfileScreen/components/ListCardItem.tsx b/apps/mobile/app/screens/Authenticated/ProfileScreen/components/ListCardItem.tsx
@@ -258,7 +258,7 @@ const ListCardItem: React.FC<Props> = (props) => {
 	return (
 		<Card
 			style={[
-				{ borderRadius: 14, ...GS.shadow },
+				styles.cardContainer,
 				!dark && activeAuthTask && { borderColor: "#8C7AE4", borderWidth: 3 },
 			]}
 		>
@@ -285,6 +285,14 @@ const ListCardItem: React.FC<Props> = (props) => {
 export default ListCardItem
 
 const styles = StyleSheet.create({
+	cardContainer: {
+		borderRadius: 14,
+		elevation: 24,
+		shadowColor: "#000",
+		shadowOffset: { width: 0, height: 12 },
+		shadowOpacity: 0.05,
+		shadowRadius: 5,
+	},
 	dropdownTxt: {
 		color: "#282048",
 		fontFamily: typography.primary.semiBold,

diff --git a/apps/mobile/app/screens/Authenticated/ProfileScreen/components/TimerButton.tsx b/apps/mobile/app/screens/Authenticated/ProfileScreen/components/TimerButton.tsx
@@ -82,7 +82,7 @@ const styles = StyleSheet.create({
 	shadowTimerNotRunning: {
 		elevation: 10,
 		shadowColor: "#3826A6",
-		shadowOffset: { width: 0, height: 10 },
+		shadowOffset: { width: 0, height: 8 },
 		shadowOpacity: 0.5,
 		shadowRadius: 10,
 	},