Merge branch 'improve-post-button' of https://github.com/Tanza3D/social-app into Tanza3D-improve-post-button
commit
1eb623ee2f
|
@ -460,18 +460,22 @@ const styles = StyleSheet.create({
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
width: 140,
|
width: 140,
|
||||||
borderRadius: 24,
|
borderRadius: 24,
|
||||||
paddingVertical: 10,
|
paddingTop: 10,
|
||||||
paddingHorizontal: 16,
|
paddingBottom: 13, // visually aligns the text vertically inside the button
|
||||||
|
paddingLeft: 16,
|
||||||
|
paddingRight: 18, // looks nicer like this
|
||||||
backgroundColor: colors.blue3,
|
backgroundColor: colors.blue3,
|
||||||
marginLeft: 12,
|
marginLeft: 12,
|
||||||
marginTop: 20,
|
marginTop: 20,
|
||||||
marginBottom: 10,
|
marginBottom: 10,
|
||||||
gap: 8,
|
gap: 8,
|
||||||
},
|
},
|
||||||
newPostBtnIconWrapper: {},
|
newPostBtnIconWrapper: {
|
||||||
|
marginTop: 2, // aligns the icon visually with the text
|
||||||
|
},
|
||||||
newPostBtnLabel: {
|
newPostBtnLabel: {
|
||||||
color: colors.white,
|
color: colors.white,
|
||||||
fontSize: 16,
|
fontSize: 16,
|
||||||
fontWeight: 'bold',
|
fontWeight: '600',
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue