109 lines
2.4 KiB
TypeScript
109 lines
2.4 KiB
TypeScript
|
// src/styles/globalStyles.ts
|
||
|
|
import { StyleSheet, Dimensions } from 'react-native';
|
||
|
|
var winWidth = Dimensions.get("window").width;
|
||
|
|
|
||
|
|
export const globalStyles = StyleSheet.create({
|
||
|
|
boxProductReviewTop: {
|
||
|
|
backgroundColor: '#fff',
|
||
|
|
paddingLeft: 10,
|
||
|
|
paddingRight: 10,
|
||
|
|
marginTop: 25,
|
||
|
|
},
|
||
|
|
textBoxProductReviewTop: {
|
||
|
|
fontSize: 20,
|
||
|
|
fontWeight: 'bold',
|
||
|
|
color: '#0d0d9c',
|
||
|
|
marginBottom: 8,
|
||
|
|
textTransform: 'uppercase',
|
||
|
|
textAlign: 'center',
|
||
|
|
},
|
||
|
|
noteTextReviewTop: {
|
||
|
|
marginBottom: 8,
|
||
|
|
textAlign: 'center',
|
||
|
|
fontSize: 12,
|
||
|
|
color: "#000"
|
||
|
|
},
|
||
|
|
listTab: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
},
|
||
|
|
tabItem: {
|
||
|
|
padding: 10,
|
||
|
|
width: 100,
|
||
|
|
marginRight: 10,
|
||
|
|
textAlign: 'center',
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center',
|
||
|
|
backgroundColor: '#ececec',
|
||
|
|
borderRadius: 4,
|
||
|
|
},
|
||
|
|
textTabItem: {
|
||
|
|
fontSize: 15,
|
||
|
|
},
|
||
|
|
activeItem: {
|
||
|
|
backgroundColor: '#462f91',
|
||
|
|
},
|
||
|
|
activeText: {
|
||
|
|
color: '#fff'
|
||
|
|
},
|
||
|
|
listProduct: {
|
||
|
|
marginTop: 10,
|
||
|
|
marginBottom: 10,
|
||
|
|
flexDirection: 'row',
|
||
|
|
flexWrap: 'wrap',
|
||
|
|
marginLeft: -10,
|
||
|
|
},
|
||
|
|
moreAll: {
|
||
|
|
width: 110,
|
||
|
|
height: 30,
|
||
|
|
borderColor: '#FF7A00',
|
||
|
|
borderWidth: 1,
|
||
|
|
borderRadius: 20,
|
||
|
|
textAlign: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
lineHeight: 28,
|
||
|
|
marginLeft: 'auto',
|
||
|
|
marginRight: 'auto',
|
||
|
|
color: '#FF7A00',
|
||
|
|
fontWeight: 'bold',
|
||
|
|
},
|
||
|
|
boxCategoryHome: {
|
||
|
|
marginTop: 25,
|
||
|
|
},
|
||
|
|
textBoxCategoryHome: {
|
||
|
|
fontSize: 20,
|
||
|
|
fontWeight: "bold",
|
||
|
|
color: "#0d0d9c",
|
||
|
|
marginBottom: 8,
|
||
|
|
textTransform: "uppercase",
|
||
|
|
textAlign: "center",
|
||
|
|
},
|
||
|
|
listCategoryBox: {
|
||
|
|
marginTop: 10,
|
||
|
|
},
|
||
|
|
categoryItem: {
|
||
|
|
width: '100%',
|
||
|
|
},
|
||
|
|
boxImageCategory: {
|
||
|
|
width: 70,
|
||
|
|
height: 70,
|
||
|
|
borderRadius: "50%",
|
||
|
|
overflow: 'hidden',
|
||
|
|
backgroundColor: '#f4f0ff',
|
||
|
|
flexDirection: 'row',
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center',
|
||
|
|
},
|
||
|
|
iconCategory: {
|
||
|
|
width: 50,
|
||
|
|
objectFit: 'contain',
|
||
|
|
},
|
||
|
|
categoryName: {
|
||
|
|
fontSize: 15,
|
||
|
|
fontWeight: '500',
|
||
|
|
marginTop: 5,
|
||
|
|
textAlign: 'center',
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|