171 lines
3.1 KiB
JavaScript
171 lines
3.1 KiB
JavaScript
import { StyleSheet } from "react-native";
|
|
|
|
import { colors } from "@components/style";
|
|
|
|
export const ICONS = {
|
|
ARROW_DOWN: require("@assets/DropdownIcons/arrow-down.png"),
|
|
ARROW_UP: require("@assets/DropdownIcons/arrow-up.png"),
|
|
TICK: require("@assets/DropdownIcons/tick.png"),
|
|
CLOSE: require("../assets/DropdownIcons/close.png"),
|
|
};
|
|
|
|
export default StyleSheet.create({
|
|
container: {
|
|
width: "100%",
|
|
},
|
|
style: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
width: "100%",
|
|
minHeight: 50,
|
|
borderRadius: 8,
|
|
borderWidth: 1,
|
|
borderColor: "gray",
|
|
paddingHorizontal: 10,
|
|
paddingVertical: 3,
|
|
backgroundColor: colors.dark,
|
|
},
|
|
label: {
|
|
flex: 1,
|
|
color: colors.placeholder,
|
|
},
|
|
labelContainer: {
|
|
flex: 1,
|
|
flexDirection: "row",
|
|
},
|
|
arrowIcon: {
|
|
width: 20,
|
|
height: 20,
|
|
},
|
|
tickIcon: {
|
|
width: 20,
|
|
height: 20,
|
|
},
|
|
closeIcon: {
|
|
width: 30,
|
|
height: 30,
|
|
},
|
|
badgeStyle: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
borderRadius: 15,
|
|
backgroundColor: colors.white,
|
|
paddingHorizontal: 10,
|
|
paddingVertical: 5,
|
|
},
|
|
badgeDotStyle: {
|
|
width: 10,
|
|
height: 10,
|
|
borderRadius: 10 / 2,
|
|
marginRight: 8,
|
|
backgroundColor: colors.white,
|
|
},
|
|
badgeSeparator: {
|
|
width: 5,
|
|
},
|
|
listBody: {
|
|
height: "100%",
|
|
},
|
|
listBodyContainer: {
|
|
flexGrow: 1,
|
|
alignItems: "center",
|
|
},
|
|
dropDownContainer: {
|
|
position: "absolute",
|
|
backgroundColor: colors.darkSecondary,
|
|
borderRadius: 10,
|
|
borderColor: colors.black,
|
|
borderWidth: 1,
|
|
width: "100%",
|
|
overflow: "hidden",
|
|
zIndex: 1000,
|
|
},
|
|
modalContentContainer: {
|
|
flexGrow: 1,
|
|
backgroundColor: colors.white,
|
|
},
|
|
listItemContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
paddingHorizontal: 10,
|
|
height: 40,
|
|
},
|
|
listItemLabel: {
|
|
flex: 1,
|
|
color: colors.placeholder,
|
|
},
|
|
iconContainer: {
|
|
marginRight: 10,
|
|
},
|
|
arrowIconContainer: {
|
|
marginLeft: 10,
|
|
},
|
|
tickIconContainer: {
|
|
marginLeft: 10,
|
|
},
|
|
closeIconContainer: {
|
|
marginLeft: 10,
|
|
},
|
|
listParentLabel: {},
|
|
listChildLabel: {},
|
|
listParentContainer: {},
|
|
listChildContainer: {
|
|
paddingLeft: 40,
|
|
},
|
|
searchContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
padding: 10,
|
|
borderBottomColor: colors.darkSecondary,
|
|
borderBottomWidth: 1,
|
|
},
|
|
searchTextInput: {
|
|
flexGrow: 1,
|
|
flexShrink: 1,
|
|
margin: 0,
|
|
paddingHorizontal: 10,
|
|
paddingVertical: 5,
|
|
borderRadius: 8,
|
|
borderColor: colors.darkSecondary,
|
|
borderWidth: 1,
|
|
color: colors.white,
|
|
},
|
|
itemSeparator: {
|
|
height: 1,
|
|
backgroundColor: colors.darkSecondary,
|
|
},
|
|
flatListContentContainer: {
|
|
flexGrow: 1,
|
|
},
|
|
customItemContainer: {},
|
|
customItemLabel: {
|
|
fontStyle: "italic",
|
|
},
|
|
listMessageContainer: {
|
|
flex: 1,
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
padding: 10,
|
|
},
|
|
listMessageText: {
|
|
color: colors.gold,
|
|
},
|
|
selectedItemContainer: {},
|
|
selectedItemLabel: {},
|
|
modalTitle: {
|
|
fontSize: 18,
|
|
color: colors.gold,
|
|
},
|
|
extendableBadgeContainer: {
|
|
flexDirection: "row",
|
|
flexWrap: "wrap",
|
|
flex: 1,
|
|
},
|
|
extendableBadgeItemContainer: {
|
|
marginVertical: 3,
|
|
marginEnd: 7,
|
|
},
|
|
});
|