Spaces:
Sleeping
Sleeping
File size: 3,668 Bytes
947c08e 0ab8c90 947c08e 0ab8c90 947c08e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
import { StyleSheet } from "react-native";
import Theme from "@/constants/theme";
export const __styles:any = (theme_type:string,Dimensions:any) => {
return StyleSheet.create({
screen_container: {
width: "100%",
height: "100%",
backgroundColor: Theme[theme_type].background_color,
},
header_container: {
display: "flex",
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
padding: 15,paddingTop: 10,paddingBottom: 10,
backgroundColor: Theme[theme_type].background_color,
borderBottomWidth: 0.5,
borderColor: Theme[theme_type].border_color,
},
header_text:{
fontFamily: "roboto-medium",
fontSize: ((Dimensions.width+Dimensions.height)/2)*0.04,
color: Theme[theme_type].text_color,
},
header_button_box:{
display:"flex",
flexDirection:"row",
width:"auto",
justifyContent:"center",
alignItems:"center",
gap:8,
},
header_search_button:{
borderRadius:5,
borderWidth:0,
padding:5,
},
header_translate_button:{
borderRadius:5,
borderWidth:0,
padding:5,
},
header_refresh_button:{
borderRadius:5,
borderWidth:0,
padding:5,
},
option_container:{
width:"100%",
padding:15,
borderBottomWidth: 0.5,
borderColor: Theme[theme_type].border_color,
display:"flex",
flexDirection:"column",
gap:25,
},
dropbox_label:{
display:"flex",
flexDirection:"row",
alignItems:"center",
color: Theme[theme_type].text_color,
fontSize: ((Dimensions.width+Dimensions.height)/2)*0.0225,
height:"auto",
fontFamily: "roboto-medium",
},
body_container:{
display:"flex",
flexDirection:"column",
gap:25,
width:"100%",
height:"100%",
},
content_container: {
display:"flex",
flexDirection:"row",
flexWrap:"wrap",
width:"100%",
backgroundColor: Theme[theme_type].background_color,
rowGap:25,
columnGap:15,
padding:15, paddingTop:25,
justifyContent:"space-evenly",
alignItems:"flex-start",
},
item_box:{
display:"flex",
flexDirection:"column",
alignItems:"center",
gap:15,
height:"auto",
width:Math.max(((Dimensions.width+Dimensions.height)/2)*0.225,100),
borderRadius:8,
},
item_cover:{
width:"100%",
height:Math.max(((Dimensions.width+Dimensions.height)/2)*0.325,125),
borderRadius:8,
shadowColor: "#000",
shadowOffset: {
width: 0,
height: 1,
},
shadowOpacity: 0.22,
shadowRadius: 2.22,
elevation: 3,
},
item_title:{
color: Theme[theme_type].text_color,
fontFamily: "roboto-medium",
fontSize: ((Dimensions.width+Dimensions.height)/2)*0.025,
width:"100%",
height:"auto",
textAlign:"center",
flexShrink:1,
}
})} |