about summary refs log tree commit diff
path: root/src/view/com/profile/ProfileHeader.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/profile/ProfileHeader.tsx')
-rw-r--r--src/view/com/profile/ProfileHeader.tsx37
1 files changed, 25 insertions, 12 deletions
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index dfd8d3c29..05ad5889f 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -154,8 +154,10 @@ export const ProfileHeader = observer(function ProfileHeader({
           <TouchableOpacity
             style={[s.flexRow, s.mr10]}
             onPress={onPressFollowers}>
-            <Text style={[s.bold, s.mr2]}>{view.followersCount}</Text>
-            <Text style={s.gray5}>
+            <Text style={[s.bold, s.mr2, styles.metricsText]}>
+              {view.followersCount}
+            </Text>
+            <Text style={[s.gray5, styles.metricsText]}>
               {pluralize(view.followersCount, 'follower')}
             </Text>
           </TouchableOpacity>
@@ -163,27 +165,35 @@ export const ProfileHeader = observer(function ProfileHeader({
             <TouchableOpacity
               style={[s.flexRow, s.mr10]}
               onPress={onPressFollows}>
-              <Text style={[s.bold, s.mr2]}>{view.followsCount}</Text>
-              <Text style={s.gray5}>following</Text>
+              <Text style={[s.bold, s.mr2, styles.metricsText]}>
+                {view.followsCount}
+              </Text>
+              <Text style={[s.gray5, styles.metricsText]}>following</Text>
             </TouchableOpacity>
           ) : undefined}
           {view.isScene ? (
             <TouchableOpacity
               style={[s.flexRow, s.mr10]}
               onPress={onPressFollows}>
-              <Text style={[s.bold, s.mr2]}>{view.followsCount}</Text>
-              <Text style={s.gray5}>
+              <Text style={[s.bold, s.mr2, styles.metricsText]}>
+                {view.followsCount}
+              </Text>
+              <Text style={[s.gray5, styles.metricsText]}>
                 {pluralize(view.followsCount, 'member')}
               </Text>
             </TouchableOpacity>
           ) : undefined}
           <View style={[s.flexRow, s.mr10]}>
-            <Text style={[s.bold, s.mr2]}>{view.postsCount}</Text>
-            <Text style={s.gray5}>{pluralize(view.postsCount, 'post')}</Text>
+            <Text style={[s.bold, s.mr2, styles.metricsText]}>
+              {view.postsCount}
+            </Text>
+            <Text style={[s.gray5, styles.metricsText]}>
+              {pluralize(view.postsCount, 'post')}
+            </Text>
           </View>
         </View>
         {view.description && (
-          <Text style={[s.mb5, s.f15, s['lh15-1.3']]}>{view.description}</Text>
+          <Text style={[s.mb5, s.f16, s['lh16-1.3']]}>{view.description}</Text>
         )}
         {
           undefined /*<View style={styles.badgesLine}>
@@ -268,7 +278,7 @@ const styles = StyleSheet.create({
     // marginBottom: 14,
   },
   displayName: {
-    fontSize: 24,
+    fontSize: 28,
     fontWeight: 'bold',
   },
 
@@ -277,7 +287,7 @@ const styles = StyleSheet.create({
     marginBottom: 8,
   },
   handle: {
-    fontSize: 14,
+    fontSize: 15,
     fontWeight: 'bold',
     color: colors.gray5,
   },
@@ -288,7 +298,7 @@ const styles = StyleSheet.create({
     marginRight: 5,
   },
   typeLabel: {
-    fontSize: 14,
+    fontSize: 15,
     fontWeight: 'bold',
     color: colors.gray5,
   },
@@ -297,6 +307,9 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     marginBottom: 8,
   },
+  metricsText: {
+    fontSize: 15,
+  },
 
   badgesLine: {
     flexDirection: 'row',