about summary refs log tree commit diff
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2024-01-26 13:56:05 -0800
committerPaul Frazee <pfrazee@gmail.com>2024-01-26 13:56:05 -0800
commit9bcf867d68c1d1e925e05c29541ae5202862973d (patch)
treee659d41b82634101392c418b0f195fadad703e42
parent00b4ee5b0d670fbe817e1efb91f5bcaa95601869 (diff)
parentad3067b581f733e7884dcdcfc09946a83be6dc11 (diff)
downloadvoidsky-9bcf867d68c1d1e925e05c29541ae5202862973d.tar.zst
Merge branch 'main' of github.com:bluesky-social/social-app into main
-rw-r--r--src/view/com/util/LoadingPlaceholder.tsx45
1 files changed, 28 insertions, 17 deletions
diff --git a/src/view/com/util/LoadingPlaceholder.tsx b/src/view/com/util/LoadingPlaceholder.tsx
index 32c99e224..6dfe12598 100644
--- a/src/view/com/util/LoadingPlaceholder.tsx
+++ b/src/view/com/util/LoadingPlaceholder.tsx
@@ -67,28 +67,36 @@ export function PostLoadingPlaceholder({
         <LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
         <LoadingPlaceholder width="80%" height={6} style={{marginBottom: 11}} />
         <View style={styles.postCtrls}>
-          <View style={[styles.postCtrl, {paddingLeft: 0}]}>
-            <CommentBottomArrow
-              style={[{color: theme.palette.default.icon, marginTop: 1}]}
-              strokeWidth={3}
-              size={15}
-            />
+          <View style={styles.postCtrl}>
+            <View style={[styles.postBtn, {paddingLeft: 0}]}>
+              <CommentBottomArrow
+                style={[{color: theme.palette.default.icon, marginTop: 1}]}
+                strokeWidth={3}
+                size={15}
+              />
+            </View>
+          </View>
+          <View style={styles.postCtrl}>
+            <View style={styles.postBtn}>
+              <RepostIcon
+                style={{color: theme.palette.default.icon}}
+                strokeWidth={3}
+                size={20}
+              />
+            </View>
           </View>
           <View style={styles.postCtrl}>
-            <RepostIcon
-              style={{color: theme.palette.default.icon}}
-              strokeWidth={3}
-              size={20}
-            />
+            <View style={styles.postBtn}>
+              <HeartIcon
+                style={{color: theme.palette.default.icon} as ViewStyle}
+                size={16}
+                strokeWidth={3}
+              />
+            </View>
           </View>
           <View style={styles.postCtrl}>
-            <HeartIcon
-              style={{color: theme.palette.default.icon} as ViewStyle}
-              size={16}
-              strokeWidth={3}
-            />
+            <View style={styles.postBtn} />
           </View>
-          <View style={styles.postCtrl} />
         </View>
       </View>
     </View>
@@ -279,6 +287,9 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
   },
   postCtrl: {
+    flex: 1,
+  },
+  postBtn: {
     padding: 5,
     flex: 1,
     flexDirection: 'row',