178 lines
3.1 KiB
TypeScript
178 lines
3.1 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
export default StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
backgroundColor: "#fff",
|
|
},
|
|
header: {
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
paddingHorizontal: 16,
|
|
paddingTop: 16,
|
|
paddingBottom: 8,
|
|
backgroundColor: "#f8f9fa",
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: "#e9ecef",
|
|
},
|
|
title: {
|
|
fontSize: 18,
|
|
fontWeight: "bold",
|
|
color: "#333",
|
|
},
|
|
closeButton: {
|
|
padding: 8,
|
|
},
|
|
closeButtonText: {
|
|
fontSize: 16,
|
|
color: "#007bff",
|
|
},
|
|
content: {
|
|
flex: 1,
|
|
padding: 16,
|
|
},
|
|
fieldGroup: {
|
|
marginBottom: 16,
|
|
},
|
|
label: {
|
|
fontSize: 14,
|
|
fontWeight: "600",
|
|
color: "#333",
|
|
marginBottom: 4,
|
|
},
|
|
input: {
|
|
borderWidth: 1,
|
|
borderColor: "#ccc",
|
|
borderRadius: 4,
|
|
padding: 8,
|
|
fontSize: 16,
|
|
backgroundColor: "#fff",
|
|
},
|
|
infoValue: {
|
|
fontSize: 16,
|
|
color: "#555",
|
|
paddingVertical: 8,
|
|
},
|
|
rowGroup: {
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
},
|
|
fishNameDropdown: {
|
|
// Custom styles if needed
|
|
},
|
|
optionsStatusFishList: {
|
|
// Custom styles if needed
|
|
},
|
|
optionsList: {
|
|
maxHeight: 150,
|
|
borderWidth: 1,
|
|
borderColor: "#ccc",
|
|
borderRadius: 4,
|
|
backgroundColor: "#fff",
|
|
position: "absolute",
|
|
top: 40,
|
|
left: 0,
|
|
right: 0,
|
|
zIndex: 1000,
|
|
},
|
|
selectButton: {
|
|
borderWidth: 1,
|
|
borderColor: "#ccc",
|
|
borderRadius: 4,
|
|
padding: 8,
|
|
backgroundColor: "#fff",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
},
|
|
selectButtonText: {
|
|
fontSize: 16,
|
|
color: "#333",
|
|
},
|
|
optionItem: {
|
|
padding: 10,
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: "#eee",
|
|
},
|
|
optionText: {
|
|
fontSize: 16,
|
|
color: "#333",
|
|
},
|
|
card: {
|
|
borderWidth: 1,
|
|
borderColor: "#ddd",
|
|
borderRadius: 8,
|
|
padding: 12,
|
|
marginBottom: 12,
|
|
backgroundColor: "#f9f9f9",
|
|
},
|
|
removeButton: {
|
|
backgroundColor: "#dc3545",
|
|
padding: 8,
|
|
borderRadius: 4,
|
|
alignSelf: "flex-end",
|
|
marginTop: 8,
|
|
},
|
|
removeButtonText: {
|
|
color: "#fff",
|
|
fontSize: 14,
|
|
},
|
|
errorText: {
|
|
color: "#dc3545",
|
|
fontSize: 12,
|
|
marginTop: 4,
|
|
},
|
|
buttonGroup: {
|
|
flexDirection: "row",
|
|
justifyContent: "space-around",
|
|
marginTop: 16,
|
|
},
|
|
editButton: {
|
|
backgroundColor: "#007bff",
|
|
padding: 10,
|
|
borderRadius: 4,
|
|
},
|
|
editButtonText: {
|
|
color: "#fff",
|
|
fontSize: 16,
|
|
},
|
|
addButton: {
|
|
backgroundColor: "#28a745",
|
|
padding: 10,
|
|
borderRadius: 4,
|
|
},
|
|
addButtonText: {
|
|
color: "#fff",
|
|
fontSize: 16,
|
|
},
|
|
saveButton: {
|
|
backgroundColor: "#007bff",
|
|
padding: 10,
|
|
borderRadius: 4,
|
|
},
|
|
saveButtonText: {
|
|
color: "#fff",
|
|
fontSize: 16,
|
|
},
|
|
cancelButton: {
|
|
backgroundColor: "#6c757d",
|
|
padding: 10,
|
|
borderRadius: 4,
|
|
},
|
|
cancelButtonText: {
|
|
color: "#fff",
|
|
fontSize: 16,
|
|
},
|
|
addFishButton: {
|
|
backgroundColor: "#17a2b8",
|
|
padding: 10,
|
|
borderRadius: 4,
|
|
marginBottom: 16,
|
|
},
|
|
addFishButtonText: {
|
|
color: "#fff",
|
|
fontSize: 16,
|
|
},
|
|
});
|