zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Adjust placeholder to be pixel-perfect (#2650)

zio/stable
dan 2024-01-26 21:45:22 +00:00 committed by GitHub
parent 93133b4864
commit ad3067b581
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/view/com/util/LoadingPlaceholder.tsx
View File

@ -67,28 +67,36 @@ export function PostLoadingPlaceholder({
<LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} /> <LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
<LoadingPlaceholder width="80%" height={6} style={{marginBottom: 11}} /> <LoadingPlaceholder width="80%" height={6} style={{marginBottom: 11}} />
<View style={styles.postCtrls}> <View style={styles.postCtrls}>
<View style={[styles.postCtrl, {paddingLeft: 0}]}> <View style={styles.postCtrl}>
<View style={[styles.postBtn, {paddingLeft: 0}]}>
<CommentBottomArrow <CommentBottomArrow
style={[{color: theme.palette.default.icon, marginTop: 1}]} style={[{color: theme.palette.default.icon, marginTop: 1}]}
strokeWidth={3} strokeWidth={3}
size={15} size={15}
/> />
</View> </View>
</View>
<View style={styles.postCtrl}> <View style={styles.postCtrl}>
<View style={styles.postBtn}>
<RepostIcon <RepostIcon
style={{color: theme.palette.default.icon}} style={{color: theme.palette.default.icon}}
strokeWidth={3} strokeWidth={3}
size={20} size={20}
/> />
</View> </View>
</View>
<View style={styles.postCtrl}> <View style={styles.postCtrl}>
<View style={styles.postBtn}>
<HeartIcon <HeartIcon
style={{color: theme.palette.default.icon} as ViewStyle} style={{color: theme.palette.default.icon} as ViewStyle}
size={16} size={16}
strokeWidth={3} strokeWidth={3}
/> />
</View> </View>
<View style={styles.postCtrl} /> </View>
<View style={styles.postCtrl}>
<View style={styles.postBtn} />
</View>
</View> </View>
</View> </View>
</View> </View>
@ -279,6 +287,9 @@ const styles = StyleSheet.create({
justifyContent: 'space-between', justifyContent: 'space-between',
}, },
postCtrl: { postCtrl: {
flex: 1,
},
postBtn: {
padding: 5, padding: 5,
flex: 1, flex: 1,
flexDirection: 'row', flexDirection: 'row',