forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix avi placeholder layout (#4570)
+10
-10
+10
-10
src/screens/Profile/Header/index.tsx
+10
-10
src/screens/Profile/Header/index.tsx
···
6
6
ModerationOpts,
7
7
RichText as RichTextAPI,
8
8
} from '@atproto/api'
9
+
10
+
import {usePalette} from 'lib/hooks/usePalette'
9
11
import {LoadingPlaceholder} from 'view/com/util/LoadingPlaceholder'
10
-
import {usePalette} from 'lib/hooks/usePalette'
11
-
12
-
import {ProfileHeaderStandard} from './ProfileHeaderStandard'
13
12
import {ProfileHeaderLabeler} from './ProfileHeaderLabeler'
13
+
import {ProfileHeaderStandard} from './ProfileHeaderStandard'
14
14
15
15
let ProfileHeaderLoading = (_props: {}): React.ReactNode => {
16
16
const pal = usePalette('default')
···
19
19
<LoadingPlaceholder width="100%" height={150} style={{borderRadius: 0}} />
20
20
<View
21
21
style={[pal.view, {borderColor: pal.colors.background}, styles.avi]}>
22
-
<LoadingPlaceholder width={80} height={80} style={styles.br40} />
22
+
<LoadingPlaceholder width={90} height={90} style={styles.br45} />
23
23
</View>
24
24
<View style={styles.content}>
25
25
<View style={[styles.buttonsLine]}>
26
-
<LoadingPlaceholder width={167} height={31} style={styles.br50} />
26
+
<LoadingPlaceholder width={167} height={36} style={styles.br50} />
27
27
</View>
28
28
</View>
29
29
</View>
···
58
58
position: 'absolute',
59
59
top: 110,
60
60
left: 10,
61
-
width: 84,
62
-
height: 84,
63
-
borderRadius: 42,
61
+
width: 94,
62
+
height: 94,
63
+
borderRadius: 47,
64
64
borderWidth: 2,
65
65
},
66
66
content: {
67
-
paddingTop: 8,
67
+
paddingTop: 12,
68
68
paddingHorizontal: 14,
69
69
paddingBottom: 4,
70
70
},
···
73
73
marginLeft: 'auto',
74
74
marginBottom: 12,
75
75
},
76
-
br40: {borderRadius: 40},
76
+
br45: {borderRadius: 45},
77
77
br50: {borderRadius: 50},
78
78
})