update login, detail table in tripInfo

components/tripInfo/style/CrewListTable.styles.ts

@@ -47,6 +47,11 @@ export default StyleSheet.create({
     color: "#111",
     textAlign: "center",
   },
+  cellWrapper: {
+    flex: 1.5,
+    justifyContent: "center",
+    alignItems: "center",
+  },
   left: {
     textAlign: "center",
   },
@@ -64,4 +69,8 @@ export default StyleSheet.create({
     color: "#ff6600",
     fontWeight: "800",
   },
+  linkText: {
+    color: "#007AFF",
+    textDecorationLine: "underline",
+  },
 });

components/tripInfo/style/NetListTable.styles.ts

@@ -4,13 +4,13 @@ export default StyleSheet.create({
   container: {
     width: "100%",
     backgroundColor: "#fff",
-    borderRadius: 10,
-    padding: 12,
+    borderRadius: 12,
+    padding: 16,
     marginVertical: 10,
     borderWidth: 1,
     borderColor: "#eee",
     shadowColor: "#000",
-    shadowOpacity: 0.05,
+    shadowOpacity: 0.1,
     shadowRadius: 4,
     elevation: 1,
   },
@@ -34,7 +34,7 @@ export default StyleSheet.create({
     justifyContent: "space-between",
     alignItems: "center",
     paddingVertical: 8,
-    borderBottomWidth: 0.6,
+    borderBottomWidth: 0.5,
     borderBottomColor: "#eee",
   },
   tableHeader: {
@@ -52,7 +52,7 @@ export default StyleSheet.create({
     flex: 0.3,
     fontSize: 15,
     color: "#111",
-    textAlign: "left",
+    textAlign: "center",
     paddingLeft: 10,
   },
   headerText: {
@@ -72,6 +72,7 @@ export default StyleSheet.create({
   },
   statusText: {
     fontSize: 15,
-    color: "#111",
+    color: "#4a90e2",
+    textDecorationLine: "underline",
   },
 });

components/tripInfo/style/TripCostTable.styles.ts

@@ -56,6 +56,17 @@ const styles = StyleSheet.create({
     color: "#ff6600",
     fontWeight: "700",
   },
+  viewDetailButton: {
+    marginTop: 12,
+    paddingVertical: 8,
+    alignItems: "center",
+  },
+  viewDetailText: {
+    color: "#007AFF",
+    fontSize: 15,
+    fontWeight: "600",
+    textDecorationLine: "underline",
+  },
 });
 
 export default styles;