DEL: Clean des stylesheet

stub-api
Alban GUILHOT 3 years ago
parent cc39025a8e
commit 0169c3da8b

@ -20,7 +20,7 @@ function Chat(props: { navigation: any; }) {
nav={navigation} nav={navigation}
/> />
<View style={styles.body}> <View style={styles.body}>
<Text style={styles.text}>couille</Text> <Text >couille</Text>
</View> </View>
<BotBar <BotBar
nav={navigation} nav={navigation}
@ -31,16 +31,6 @@ function Chat(props: { navigation: any; }) {
} }
function Button(props: { onPress: any; title?: "Save" | undefined; }) {
const { onPress, title = 'Save' } = props;
return (
<Pressable style={styles.button} onPress={onPress}>
<Text style={styles.text}>{title}</Text>
</Pressable>
);
}
const styles = StyleSheet.create({ const styles = StyleSheet.create({
body: { body: {
flex: 1, flex: 1,
@ -48,7 +38,6 @@ const styles = StyleSheet.create({
alignItems: 'flex-start', alignItems: 'flex-start',
width: '70%', width: '70%',
}, },
container: { container: {
flex: 1, flex: 1,
backgroundColor: "#45444E", backgroundColor: "#45444E",
@ -56,77 +45,6 @@ const styles = StyleSheet.create({
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
}, },
button: {
alignItems: 'center',
justifyContent: 'center',
height: '30%',
width: '100%',
marginTop: '10%',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 10,
elevation: 3,
backgroundColor: '#0085FF',
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
header: {
flex : 0.15,
width: '100%',
flexDirection: 'row',
backgroundColor: '#2D2C33',
alignItems: 'center',
justifyContent: 'space-around',
},
titre: {
flex: 0.7,
flexDirection: 'column',
textAlign: 'center',
fontSize: 30,
fontFamily: 'Helvetica',
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
engrenage: {
borderRadius: 50,
width: 50,
height: 50,
},
avatar: {
borderRadius: 50,
width: 50,
height: 50,
},
footer: {
flex: 0.15,
flexDirection: 'row',
backgroundColor: '#2D2C33',
flexWrap: 'wrap',
width: '100%',
justifyContent: 'space-evenly',
},
iconFooter: {
marginBot: 25,
marginTop: 10,
width: 65,
height: 50,
},
iconStore: {
marginBot: 25,
marginTop: 10,
marginLeft: 7,
marginRight: 8,
width: 50,
height: 50,
},
}); });
export default Chat export default Chat

@ -60,31 +60,12 @@ const styles = StyleSheet.create({
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
}, },
engrenage: {
borderRadius: 50,
width: 50,
height: 50,
},
avatar: {
borderRadius: 50,
width: 50,
height: 50,
},
body: { body: {
flex: 1, flex: 1,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
width: '70%', width: '70%',
}, },
footer: {
flex: 0.15,
flexDirection: 'row',
backgroundColor: '#2D2C33',
flexWrap: 'wrap',
width: '100%',
justifyContent: 'space-evenly',
},
}); });
export default Home export default Home

@ -22,7 +22,7 @@ function Profile(props: { navigation: any; }) {
nav={navigation} nav={navigation}
/> />
<View style={styles.body}> <View style={styles.body}>
<Text style={styles.text}>couille</Text> <Text>couille</Text>
</View> </View>
<BotBar <BotBar
nav={navigation} nav={navigation}
@ -49,7 +49,6 @@ const styles = StyleSheet.create({
alignItems: 'flex-start', alignItems: 'flex-start',
width: '70%', width: '70%',
}, },
container: { container: {
flex: 1, flex: 1,
backgroundColor: "#45444E", backgroundColor: "#45444E",
@ -57,77 +56,6 @@ const styles = StyleSheet.create({
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
}, },
button: {
alignItems: 'center',
justifyContent: 'center',
height: '30%',
width: '100%',
marginTop: '10%',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 10,
elevation: 3,
backgroundColor: '#0085FF',
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
header: {
flex : 0.15,
width: '100%',
flexDirection: 'row',
backgroundColor: '#2D2C33',
alignItems: 'center',
justifyContent: 'space-around',
},
titre: {
flex: 0.7,
flexDirection: 'column',
textAlign: 'center',
fontSize: 30,
fontFamily: 'Helvetica',
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
engrenage: {
borderRadius: 50,
width: 50,
height: 50,
},
avatar: {
borderRadius: 50,
width: 50,
height: 50,
},
footer: {
flex: 0.15,
flexDirection: 'row',
backgroundColor: '#2D2C33',
flexWrap: 'wrap',
width: '100%',
justifyContent: 'space-evenly',
},
iconFooter: {
marginBottom: 25,
marginTop: 10,
width: 65,
height: 50,
},
iconStore: {
marginBottom: 25,
marginTop: 10,
marginLeft: 7,
marginRight: 8,
width: 50,
height: 50,
},
}); });
export default Profile export default Profile

@ -13,7 +13,7 @@ function Store(props: { navigation: any; }) {
state='settings' state='settings'
/> />
<View style={styles.body}> <View style={styles.body}>
<Text style={styles.text}>couille</Text> <Text>couille</Text>
</View> </View>
</View> </View>
); );
@ -37,7 +37,6 @@ const styles = StyleSheet.create({
alignItems: 'flex-start', alignItems: 'flex-start',
width: '70%', width: '70%',
}, },
container: { container: {
flex: 1, flex: 1,
backgroundColor: "#45444E", backgroundColor: "#45444E",
@ -45,77 +44,6 @@ const styles = StyleSheet.create({
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
}, },
button: {
alignItems: 'center',
justifyContent: 'center',
height: '30%',
width: '100%',
marginTop: '10%',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 10,
elevation: 3,
backgroundColor: '#0085FF',
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
header: {
flex : 0.15,
width: '100%',
flexDirection: 'row',
backgroundColor: '#2D2C33',
alignItems: 'center',
justifyContent: 'space-around',
},
titre: {
flex: 0.7,
flexDirection: 'column',
textAlign: 'center',
fontSize: 30,
fontFamily: 'Helvetica',
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
engrenage: {
borderRadius: 10,
width: 50,
height: 50,
},
avatar: {
borderRadius: 10,
width: 50,
height: 50,
},
footer: {
flex: 0.15,
flexDirection: 'row',
backgroundColor: '#2D2C33',
flexWrap: 'wrap',
width: '100%',
justifyContent: 'space-evenly',
},
iconFooter: {
marginBottom: 25,
marginTop: 10,
width: 65,
height: 50,
},
iconStore: {
marginBottom: 25,
marginTop: 10,
marginLeft: 7,
marginRight: 8,
width: 50,
height: 50,
},
}); });
export default Store export default Store

@ -65,76 +65,6 @@ const styles = StyleSheet.create({
justifyContent: "flex-start", justifyContent: "flex-start",
alignItems: "center", alignItems: "center",
}, },
button: {
alignItems: 'center',
justifyContent: 'center',
height: '30%',
width: '100%',
marginTop: '10%',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 10,
elevation: 3,
backgroundColor: '#0085FF',
},
text: {
fontSize: 16,
lineHeight: 21,
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
header: {
flex : 0.15,
width: '100%',
flexDirection: 'row',
backgroundColor: '#2D2C33',
alignItems: 'center',
justifyContent: 'space-around',
},
titre: {
flex: 0.7,
flexDirection: 'column',
textAlign: 'center',
fontSize: 30,
fontFamily: 'Helvetica',
fontWeight: 'bold',
letterSpacing: 0.25,
color: 'white',
},
engrenage: {
borderRadius: 50,
width: 50,
height: 50,
},
avatar: {
borderRadius: 50,
width: 50,
height: 50,
},
footer: {
flex: 0.15,
flexDirection: 'row',
backgroundColor: '#2D2C33',
flexWrap: 'wrap',
width: '100%',
justifyContent: 'space-evenly',
},
iconFooter: {
marginBottom: 25,
marginTop: 10,
width: 65,
height: 50,
},
iconStore: {
marginBottom: 25,
marginTop: 10,
marginLeft: 7,
marginRight: 8,
width: 50,
height: 50,
},
imageSkin : { imageSkin : {
borderRadius: 15, borderRadius: 15,
marginTop: 15, marginTop: 15,

Loading…
Cancel
Save