Files
super-app/components/reusable/dashed-separator/DashedSeparatorStyle.ts
2024-04-18 10:15:20 +00:00

49 lines
1.0 KiB
TypeScript

import { StyleSheet } from "react-native";
import Colors from "../../../assets/colors/colors";
const styles = StyleSheet.create({
horizontalDashedDivider: {
width: "100%",
height: 1,
backgroundColor: "#FFFFFF",
borderStyle: "dashed",
borderBottomColor: "#E3E5E5",
borderBottomWidth: 1,
},
verticalDashedDivider: {
width: 1,
height: "100%",
backgroundColor: "#FFFFFF",
borderStyle: "dashed",
borderRightColor: "#EBEBEB",
borderRightWidth: 1,
},
gradientContainer: {
flex: 1,
flexDirection: "row",
borderRadius: 1,
overflow: "hidden",
},
gradientDashedDivider: {
width: "100%",
height: 0,
backgroundColor: "transparent",
borderStyle: "dashed",
borderBottomColor: "white",
borderBottomWidth: 1.5,
},
customGradientContainer: {
flex: 1,
flexDirection: "row",
overflow: "hidden",
},
customGradient: {
width: 1,
height: 1,
marginLeft: 4,
backgroundColor: Colors.white,
},
});
export default styles;