diff options
| author | dan <dan.abramov@gmail.com> | 2024-01-26 21:45:22 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-26 21:45:22 +0000 |
| commit | ad3067b581f733e7884dcdcfc09946a83be6dc11 (patch) | |
| tree | 84cc402ea149060cabd237fd60e1a50dddbdc544 /src | |
| parent | 93133b4864afedef16c58d56cdcceb673fd3e9a9 (diff) | |
| download | voidsky-ad3067b581f733e7884dcdcfc09946a83be6dc11.tar.zst | |
Adjust placeholder to be pixel-perfect (#2650)
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/util/LoadingPlaceholder.tsx | 45 |
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', |