85 lines
1.9 KiB
TypeScript
85 lines
1.9 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flexDirection: "column",
|
|
shadowColor: "black",
|
|
shadowOpacity: 1,
|
|
shadowRadius: 8,
|
|
shadowOffset: { width: 0, height: -16 },
|
|
elevation: 15,
|
|
borderRadius: 12,
|
|
borderBottomLeftRadius: 0,
|
|
borderBottomRightRadius: 0,
|
|
overflow: "hidden",
|
|
},
|
|
cardContainer: {
|
|
backgroundColor: "#E7F8EE",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
paddingVertical: 8,
|
|
paddingHorizontal: 16,
|
|
},
|
|
rowContainer: {
|
|
backgroundColor: "#FFFFFF",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
paddingBottom: 32,
|
|
paddingTop: 12,
|
|
paddingHorizontal: 16,
|
|
},
|
|
roundedRowContainer: {
|
|
backgroundColor: "white",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
paddingBottom: 32,
|
|
paddingTop: 16,
|
|
paddingHorizontal: 16,
|
|
},
|
|
|
|
roundedRowContainerWithBottomTitle: {
|
|
backgroundColor: "white",
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
paddingBottom: 24,
|
|
paddingTop: 16,
|
|
paddingHorizontal: 16,
|
|
},
|
|
|
|
centerTitleContainer: {
|
|
flexDirection: "row",
|
|
justifyContent: "center",
|
|
backgroundColor: "#FFFFFF",
|
|
paddingHorizontal: 30,
|
|
paddingVertical: 12,
|
|
},
|
|
greenSeparatorContainer: {
|
|
paddingHorizontal: 16,
|
|
backgroundColor: "#FFFFFF",
|
|
paddingBottom: 8,
|
|
},
|
|
greenSeparator: {
|
|
borderBottomColor: "#E7F8EE",
|
|
},
|
|
dashedSeparatorContainer: {
|
|
paddingHorizontal: 16,
|
|
backgroundColor: "#FFFFFF",
|
|
},
|
|
titleContainer: {
|
|
flexDirection: "column",
|
|
justifyContent: "space-between",
|
|
alignItems: "flex-start",
|
|
paddingTop: 5,
|
|
paddingBottom: 2,
|
|
},
|
|
secondaryFooterButton: {
|
|
height: 54,
|
|
backgroundColor: "#F5F5F5",
|
|
borderRadius: 4,
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
},
|
|
});
|
|
|
|
export default styles;
|