Improve New Post button

zio/stable
Tanza3D 2023-10-18 13:53:00 +01:00
parent 8e9cf182c2
commit de94acb6c8
1 changed files with 9 additions and 5 deletions

View File

@ -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: 17,
fontWeight: 'bold', fontWeight: '600',
}, },
}) })