145 lines
2.9 KiB
TypeScript
145 lines
2.9 KiB
TypeScript
import { StyleSheet } from "react-native";
|
|
|
|
export default StyleSheet.create({
|
|
mainContainer: {
|
|
flex: 1,
|
|
backgroundColor: "hsl(221, 39%, 11%)",
|
|
},
|
|
header: {
|
|
height: 125,
|
|
backgroundColor: "hsl(221, 39%, 12%)",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: "hsl(221, 39%, 15%)",
|
|
shadowColor: "#000",
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 3,
|
|
},
|
|
shadowOpacity: 0.25,
|
|
shadowRadius: 3.84,
|
|
elevation: 5,
|
|
},
|
|
title: {
|
|
color: "white",
|
|
fontSize: 38,
|
|
fontWeight: "bold",
|
|
marginTop: "auto",
|
|
marginBottom: 15,
|
|
},
|
|
liveBadgeContainer: {
|
|
position: "absolute",
|
|
top: 15,
|
|
left: 20,
|
|
backgroundColor: "red",
|
|
borderRadius: 10,
|
|
paddingVertical: 5,
|
|
paddingHorizontal: 10,
|
|
},
|
|
filterSection: {
|
|
width: "100%",
|
|
height: 70,
|
|
marginTop: 20,
|
|
},
|
|
searchContainer: {
|
|
width: "90%",
|
|
height: 60,
|
|
marginHorizontal: "auto",
|
|
backgroundColor: "hsl(221, 39%, 8%)",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
borderRadius: 20,
|
|
paddingHorizontal: 20,
|
|
|
|
marginTop: 15,
|
|
borderWidth: 1.5,
|
|
borderColor: "hsl(221, 39%, 15%)",
|
|
shadowColor: "#000",
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 2,
|
|
},
|
|
shadowOpacity: 0.25,
|
|
shadowRadius: 3.84,
|
|
elevation: 5,
|
|
},
|
|
searchLabel: {
|
|
color: "hsl(221, 39%, 80%)",
|
|
fontSize: 18,
|
|
fontWeight: "500",
|
|
},
|
|
suggestionsSection: {
|
|
width: "90%",
|
|
height: "auto",
|
|
paddingBottom: 15,
|
|
borderRadius: 20,
|
|
backgroundColor: "hsl(221, 39%, 8%)",
|
|
borderWidth: 1.5,
|
|
borderColor: "hsl(221, 39%, 15%)",
|
|
marginHorizontal: "auto",
|
|
alignSelf: "center",
|
|
marginTop: 15,
|
|
shadowColor: "#000",
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 2,
|
|
},
|
|
shadowOpacity: 0.25,
|
|
shadowRadius: 3.84,
|
|
elevation: 5,
|
|
},
|
|
suggestionTitle: {
|
|
color: "hsl(0, 0%, 60%)",
|
|
fontSize: 14,
|
|
marginLeft: 15,
|
|
marginTop: 15,
|
|
fontWeight: "500",
|
|
},
|
|
suggestionContainer: {
|
|
marginTop: 15,
|
|
width: "100%",
|
|
height: 30,
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
justifyContent: "flex-start",
|
|
paddingHorizontal: 10,
|
|
},
|
|
imageContainer: {
|
|
width: 20,
|
|
height: 20,
|
|
borderRadius: 10,
|
|
borderWidth: 1.5,
|
|
borderColor: "hsl(0, 0%, 90%)",
|
|
},
|
|
suggestionLabel: {
|
|
color: "white",
|
|
fontSize: 12,
|
|
fontWeight: "500",
|
|
marginLeft: 10,
|
|
},
|
|
tagContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
backgroundColor: "hsl(221, 39%, 8%)",
|
|
borderWidth: 1.5,
|
|
borderColor: "hsl(221, 39%, 15%)",
|
|
height: "auto",
|
|
width: "auto",
|
|
paddingVertical: 10,
|
|
borderRadius: 50,
|
|
marginTop: 15,
|
|
marginLeft: 20,
|
|
|
|
justifyContent: "space-between",
|
|
},
|
|
tagLabel: {
|
|
color: "hsl(0, 0%, 90%)",
|
|
fontSize: 14,
|
|
fontWeight: "500",
|
|
marginLeft: 15,
|
|
textAlign: "center",
|
|
},
|
|
});
|