73 lines
1.2 KiB
TypeScript
73 lines
1.2 KiB
TypeScript
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",
|
|
},
|
|
row: {
|
|
flexDirection: "row",
|
|
borderBottomWidth: 0.5,
|
|
borderColor: "#ddd",
|
|
paddingVertical: 8,
|
|
paddingLeft: 15,
|
|
},
|
|
cell: {
|
|
flex: 1,
|
|
textAlign: "center",
|
|
fontSize: 15,
|
|
},
|
|
left: {
|
|
textAlign: "left",
|
|
},
|
|
right: {
|
|
color: "#ff6600",
|
|
fontWeight: "600",
|
|
},
|
|
header: {
|
|
backgroundColor: "#f8f8f8",
|
|
borderTopWidth: 1,
|
|
borderBottomWidth: 1,
|
|
marginTop: 10,
|
|
},
|
|
headerText: {
|
|
fontWeight: "600",
|
|
},
|
|
footer: {
|
|
marginTop: 6,
|
|
},
|
|
footerText: {
|
|
fontWeight: "600",
|
|
color: "#007bff",
|
|
},
|
|
total: {
|
|
color: "#ff6600",
|
|
fontWeight: "700",
|
|
},
|
|
viewDetailButton: {
|
|
marginTop: 12,
|
|
paddingVertical: 8,
|
|
alignItems: "center",
|
|
},
|
|
viewDetailText: {
|
|
color: "#007AFF",
|
|
fontSize: 15,
|
|
fontWeight: "600",
|
|
textDecorationLine: "underline",
|
|
},
|
|
});
|
|
|
|
export default styles;
|