update NetDetailModal

components/tripInfo/modal/style/NetDetailModal.styles.ts

@@ -200,7 +200,7 @@ const styles = StyleSheet.create({
     borderRadius: 8,
     marginTop: 4,
     backgroundColor: "#fff",
-    maxHeight: 200,
+    maxHeight: 100,
     zIndex: 1000,
     elevation: 5,
     shadowColor: "#000",
@@ -224,7 +224,25 @@ const styles = StyleSheet.create({
     borderRadius: 8,
     marginTop: 4,
     backgroundColor: "#fff",
-    maxHeight: 200,
+    maxHeight: 120,
+    zIndex: 1000,
+    elevation: 5,
+    shadowColor: "#000",
+    shadowOpacity: 0.15,
+    shadowRadius: 8,
+    shadowOffset: { width: 0, height: 4 },
+  },
+  fishNameDropdown: {
+    position: "absolute",
+    top: 46,
+    left: 0,
+    right: 0,
+    borderWidth: 1,
+    borderColor: "#007AFF",
+    borderRadius: 8,
+    marginTop: 4,
+    backgroundColor: "#fff",
+    maxHeight: 180,
     zIndex: 1000,
     elevation: 5,
     shadowColor: "#000",
@@ -236,24 +254,6 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     gap: 5,
   },
-  chevronIconRight: {
-    position: "absolute",
-    top: 6,
-    right: 12,
-    zIndex: 1000,
-    backgroundColor: "#007AFF",
-    borderRadius: 8,
-    width: 40,
-    height: 40,
-    padding: 0,
-    justifyContent: "center",
-    alignItems: "center",
-    shadowColor: "#000",
-    shadowOpacity: 0.08,
-    shadowRadius: 2,
-    shadowOffset: { width: 0, height: 1 },
-    elevation: 2,
-  },
   fishCardTitle: {
     fontSize: 16,
     fontWeight: "600",
@@ -264,6 +264,29 @@ const styles = StyleSheet.create({
     color: "#ff6600",
     marginTop: 0,
   },
+  addFishButton: {
+    backgroundColor: "#007AFF",
+    borderRadius: 12,
+    padding: 16,
+    marginBottom: 12,
+    justifyContent: "center",
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    shadowOffset: { width: 0, height: 2 },
+    elevation: 2,
+  },
+  addFishButtonContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+  },
+  addFishButtonText: {
+    fontSize: 16,
+    fontWeight: "600",
+    color: "#fff",
+  },
 });
 
 export default styles;