diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-10-30 18:54:29 -0700 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2023-10-30 18:54:29 -0700 |
| commit | 1eb623ee2fdd376416e57fb83fdff2e90376e13b (patch) | |
| tree | 2cc1ce4aeba2d8242e59fbbeae87548e418becf8 | |
| parent | d5c7b8ceb83c182c88aa6321fcce341dc27ae682 (diff) | |
| parent | db0de651ba206265fc00844a471b6ad155fe7d2a (diff) | |
| download | voidsky-1eb623ee2fdd376416e57fb83fdff2e90376e13b.tar.zst | |
Merge branch 'improve-post-button' of https://github.com/Tanza3D/social-app into Tanza3D-improve-post-button
| -rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index cbff3a1c4..815189942 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -460,18 +460,22 @@ const styles = StyleSheet.create({ justifyContent: 'center', width: 140, borderRadius: 24, - paddingVertical: 10, - paddingHorizontal: 16, + paddingTop: 10, + paddingBottom: 13, // visually aligns the text vertically inside the button + paddingLeft: 16, + paddingRight: 18, // looks nicer like this backgroundColor: colors.blue3, marginLeft: 12, marginTop: 20, marginBottom: 10, gap: 8, }, - newPostBtnIconWrapper: {}, + newPostBtnIconWrapper: { + marginTop: 2, // aligns the icon visually with the text + }, newPostBtnLabel: { color: colors.white, fontSize: 16, - fontWeight: 'bold', + fontWeight: '600', }, }) |