61 lines
1.3 KiB
TypeScript
61 lines
1.3 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
import Colors from "../../../assets/colors/colors";
|
|
|
|
export const styles = StyleSheet.create({
|
|
card: {
|
|
flexDirection: "column",
|
|
alignItems: "flex-start",
|
|
backgroundColor: Colors.white,
|
|
borderRadius: 4,
|
|
padding: 16,
|
|
marginTop: 16,
|
|
flex: 1,
|
|
borderColor: Colors.lightGray,
|
|
borderWidth: 1,
|
|
position: "relative",
|
|
elevation: 5,
|
|
shadowColor: "#D1D9E6",
|
|
shadowOffset: { width: 3, height: 3 },
|
|
shadowOpacity: 0.3,
|
|
shadowRadius: 33,
|
|
},
|
|
selectedCard: {
|
|
borderColor: Colors.primaryCta,
|
|
backgroundColor: Colors.white,
|
|
shadowColor: Colors.black,
|
|
shadowOffset: { width: 3, height: 3 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 16,
|
|
elevation: 5,
|
|
},
|
|
headerContainer: {
|
|
flexDirection: "row",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
marginBottom: 12,
|
|
},
|
|
rowContainer: {
|
|
flex: 1,
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
},
|
|
|
|
footerRowContainer: {
|
|
marginTop: 24,
|
|
width: "100%",
|
|
justifyContent: "space-between",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
},
|
|
|
|
footerColumn: {
|
|
flexDirection: "column",
|
|
alignItems: "flex-start",
|
|
flex: 1,
|
|
flexBasis: "50%",
|
|
flexGrow: 1,
|
|
flexShrink: 1,
|
|
overflow: "hidden",
|
|
},
|
|
});
|