Zipline-Android-App/styles/urls.ts

128 lines
2.2 KiB
TypeScript

import { StyleSheet } from "react-native";
export const styles = StyleSheet.create({
mainContainer: {
backgroundColor: "#0c101c",
flex: 1,
},
headerText: {
marginTop: 5,
marginLeft: 10,
fontSize: 32,
fontWeight: "bold",
color: "white",
},
loadingContainer: {
display: "flex",
flex: 1,
},
loadingText: {
fontSize: 40,
fontWeight: "bold",
margin: "auto",
color: "#cdd6f4",
justifyContent: "center",
alignItems: "center",
},
urlsContainer: {
borderWidth: 4,
borderColor: "#222c47",
borderStyle: "solid",
borderRadius: 10,
margin: 10,
flex: 1,
},
header: {
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
},
headerButtons: {
flexDirection: "row",
justifyContent: "space-around",
paddingTop: 10,
paddingRight: 10,
},
tableHeader: {
height: 50,
padding: 8,
backgroundColor: "#0c101c",
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
},
row: {
backgroundColor: "#0c101c",
padding: 8,
borderTopWidth: 1,
borderTopColor: "",
borderBottomWidth: 1,
borderBottomColor: "",
},
lastRow: {
borderBottomWidth: 0,
},
firstRow: {
borderTopWidth: 0,
},
tableVerticalScroll: {
borderBottomLeftRadius: 10,
borderBottomRightRadius: 10,
},
rowText: {
color: "white",
textAlign: "center",
},
headerRow: {
fontWeight: "bold",
},
link: {
color: "#575DB5",
},
actionsContainer: {
flexDirection: "row",
justifyContent: "space-around",
paddingTop: 10,
paddingRight: 10,
},
errorText: {
color: "red",
fontWeight: "bold",
textAlign: "center",
},
mainHeaderText: {
fontSize: 22,
fontWeight: "bold",
color: "white",
},
popupContent: {
height: "auto",
width: "100%",
},
popupSubHeaderText: {
marginTop: 10,
marginLeft: 10,
fontSize: 13,
fontWeight: "bold",
color: "gray",
},
mainSearchContainer: {
borderWidth: 2,
borderColor: "#222c47",
borderStyle: "solid",
borderRadius: 10,
margin: 10,
padding: 10,
paddingTop: 0,
},
searchContainer: {
flexDirection: "row",
justifyContent: "space-between",
marginVertical: 8,
},
searchHeader: {
color: "white",
fontWeight: "bold",
fontSize: 20,
textAlignVertical: "center",
},
});