diff options
Diffstat (limited to 'src/view/com')
-rw-r--r-- | src/view/com/post-thread/PostThreadItem.tsx | 11 | ||||
-rw-r--r-- | src/view/com/post/Post.tsx | 2 | ||||
-rw-r--r-- | src/view/com/posts/FeedItem.tsx | 2 | ||||
-rw-r--r-- | src/view/com/util/FloatingActionButton.tsx | 14 |
4 files changed, 18 insertions, 11 deletions
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx index 8752ee7f9..a55accdc3 100644 --- a/src/view/com/post-thread/PostThreadItem.tsx +++ b/src/view/com/post-thread/PostThreadItem.tsx @@ -144,7 +144,7 @@ export const PostThreadItem = observer(function PostThreadItem({ </View> </View> <View style={[s.pl10, s.pr10, s.pb10]}> - <Text style={[styles.postText, s.f18, s['lh18-1.3']]}> + <Text style={[styles.postText, styles.postTextLarge]}> {record.text} </Text> {item._isHighlightedPost && hasEngagement ? ( @@ -272,9 +272,16 @@ const styles = StyleSheet.create({ paddingRight: 5, }, postText: { - paddingBottom: 5, + paddingBottom: 8, fontFamily: 'Helvetica Neue', }, + postTextLarge: { + paddingLeft: 4, + paddingBottom: 20, + fontSize: 24, + lineHeight: 32, + fontWeight: '300', + }, expandedInfo: { flexDirection: 'row', padding: 10, diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx index 3dd5c0047..7ccbbcf36 100644 --- a/src/view/com/post/Post.tsx +++ b/src/view/com/post/Post.tsx @@ -182,7 +182,7 @@ const styles = StyleSheet.create({ paddingRight: 5, }, postText: { - paddingBottom: 5, + paddingBottom: 8, }, ctrls: { flexDirection: 'row', diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx index 2376686df..b8ab1e4ba 100644 --- a/src/view/com/posts/FeedItem.tsx +++ b/src/view/com/posts/FeedItem.tsx @@ -191,7 +191,7 @@ const styles = StyleSheet.create({ paddingRight: 5, }, postText: { - paddingBottom: 5, + paddingBottom: 8, fontFamily: 'Helvetica Neue', }, ctrls: { diff --git a/src/view/com/util/FloatingActionButton.tsx b/src/view/com/util/FloatingActionButton.tsx index 382bf66b2..bc16c0566 100644 --- a/src/view/com/util/FloatingActionButton.tsx +++ b/src/view/com/util/FloatingActionButton.tsx @@ -16,7 +16,7 @@ export function FAB({icon, onPress}: {icon: IconProp; onPress: OnPress}) { end={{x: 1, y: 1}} style={styles.inner}> <FontAwesomeIcon - size={20} + size={24} icon={icon} color={colors.white} style={styles.icon} @@ -32,17 +32,17 @@ const styles = StyleSheet.create({ zIndex: zIndex.FAB, right: 20, bottom: 10, - width: 50, - height: 50, - borderRadius: 25, + width: 60, + height: 60, + borderRadius: 30, shadowColor: '#000', shadowOpacity: 0.3, shadowOffset: {width: 0, height: 1}, }, inner: { - width: 50, - height: 50, - borderRadius: 25, + width: 60, + height: 60, + borderRadius: 30, justifyContent: 'center', alignItems: 'center', }, |