them icon

2025-10-30 16:32:11 +07:00
parent 31c51c0502
commit 4fda7c77ab
7 changed files with 267 additions and 50 deletions
--- a/components/tripInfo/TripCostTable.styles.ts
+++ b/components/tripInfo/TripCostTable.styles.ts
@@ -0,0 +1,60 @@
+import { StyleSheet } from "react-native";
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    margin: 16,
+    padding: 16,
+    borderRadius: 12,
+    backgroundColor: "#fff",
+    shadowColor: "#000",
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 12,
+  },
+  row: {
+    flexDirection: "row",
+    borderBottomWidth: 0.5,
+    borderColor: "#ddd",
+    paddingVertical: 8,
+  },
+  cell: {
+    flex: 1,
+    textAlign: "center",
+    fontSize: 14,
+  },
+  left: {
+    textAlign: "left",
+  },
+  header: {
+    backgroundColor: "#f8f8f8",
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+  },
+  headerText: {
+    fontWeight: "600",
+  },
+  highlight: {
+    color: "#ff6600",
+    fontWeight: "600",
+  },
+  footer: {
+    marginTop: 6,
+  },
+  footerText: {
+    fontWeight: "600",
+    color: "#007bff",
+  },
+  total: {
+    color: "#007bff",
+    fontWeight: "700",
+  },
+});
+
+export default styles;