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

Fix avi placeholder layout (#4570)

zio/stable
dan 2024-06-19 19:03:59 +03:00 committed by GitHub
parent 8788708bd2
commit ca17cf276f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/screens/Profile/Header/index.tsx
View File

@ -6,11 +6,11 @@ import {
ModerationOpts, ModerationOpts,
RichText as RichTextAPI, RichText as RichTextAPI,
} from '@atproto/api' } from '@atproto/api'
import {LoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
import {usePalette} from 'lib/hooks/usePalette'
import {ProfileHeaderStandard} from './ProfileHeaderStandard' import {usePalette} from 'lib/hooks/usePalette'
import {LoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
import {ProfileHeaderLabeler} from './ProfileHeaderLabeler' import {ProfileHeaderLabeler} from './ProfileHeaderLabeler'
import {ProfileHeaderStandard} from './ProfileHeaderStandard'
let ProfileHeaderLoading = (_props: {}): React.ReactNode => { let ProfileHeaderLoading = (_props: {}): React.ReactNode => {
const pal = usePalette('default') const pal = usePalette('default')
@ -19,11 +19,11 @@ let ProfileHeaderLoading = (_props: {}): React.ReactNode => {
<LoadingPlaceholder width="100%" height={150} style={{borderRadius: 0}} /> <LoadingPlaceholder width="100%" height={150} style={{borderRadius: 0}} />
<View <View
style={[pal.view, {borderColor: pal.colors.background}, styles.avi]}> style={[pal.view, {borderColor: pal.colors.background}, styles.avi]}>
<LoadingPlaceholder width={80} height={80} style={styles.br40} /> <LoadingPlaceholder width={90} height={90} style={styles.br45} />
</View> </View>
<View style={styles.content}> <View style={styles.content}>
<View style={[styles.buttonsLine]}> <View style={[styles.buttonsLine]}>
<LoadingPlaceholder width={167} height={31} style={styles.br50} /> <LoadingPlaceholder width={167} height={36} style={styles.br50} />
</View> </View>
</View> </View>
</View> </View>
@ -58,13 +58,13 @@ const styles = StyleSheet.create({
position: 'absolute', position: 'absolute',
top: 110, top: 110,
left: 10, left: 10,
width: 84, width: 94,
height: 84, height: 94,
borderRadius: 42, borderRadius: 47,
borderWidth: 2, borderWidth: 2,
}, },
content: { content: {
paddingTop: 8, paddingTop: 12,
paddingHorizontal: 14, paddingHorizontal: 14,
paddingBottom: 4, paddingBottom: 4,
}, },
@ -73,6 +73,6 @@ const styles = StyleSheet.create({
marginLeft: 'auto', marginLeft: 'auto',
marginBottom: 12, marginBottom: 12,
}, },
br40: {borderRadius: 40}, br45: {borderRadius: 45},
br50: {borderRadius: 50}, br50: {borderRadius: 50},
}) })