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

45
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="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}>
<RepostIcon
style={{color: theme.palette.default.icon}}
strokeWidth={3}
size={20}
/>
<View style={styles.postBtn}>
<RepostIcon
style={{color: theme.palette.default.icon}}
strokeWidth={3}
size={20}
/>
</View>
</View>
<View style={styles.postCtrl}>
<HeartIcon
style={{color: theme.palette.default.icon} as ViewStyle}
size={16}
strokeWidth={3}
/>
<View style={styles.postBtn}>
<HeartIcon
style={{color: theme.palette.default.icon} as ViewStyle}
size={16}
strokeWidth={3}
/>
</View>
</View>
<View style={styles.postCtrl}>
<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',