Files
super-app/components/widgets/footer-with-card-widget/FooterWithCardWidgetStyle.ts

68 lines
1.5 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,
},
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,
},
});
export default styles;