forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Enlarge the view header
+14
-20
+14
-20
src/view/com/util/ViewHeader.tsx
+14
-20
src/view/com/util/ViewHeader.tsx
···
54
54
style={canGoBack ? styles.backIcon : styles.backIconWide}>
55
55
{canGoBack ? (
56
56
<FontAwesomeIcon
57
-
size={18}
57
+
size={24}
58
58
icon="angle-left"
59
-
style={[{marginTop: 6}, pal.text]}
59
+
style={[{marginTop: 8}, pal.text]}
60
60
/>
61
61
) : (
62
62
<UserAvatar
63
-
size={30}
63
+
size={40}
64
64
handle={store.me.handle}
65
65
displayName={store.me.displayName}
66
66
avatar={store.me.avatar}
···
68
68
)}
69
69
</TouchableOpacity>
70
70
<View style={styles.titleContainer} pointerEvents="none">
71
-
<Text type="h4" style={pal.text}>
71
+
<Text type="h3" style={pal.text}>
72
72
{title}
73
73
</Text>
74
74
{subtitle ? (
75
75
<Text
76
-
type="h5"
76
+
type="h4"
77
77
style={[styles.subtitle, pal.textLight, {fontWeight: 'normal'}]}
78
78
numberOfLines={1}>
79
79
{subtitle}
···
83
83
<TouchableOpacity
84
84
onPress={onPressSearch}
85
85
hitSlop={HITSLOP}
86
-
style={[
87
-
styles.btn,
88
-
{backgroundColor: pal.colors.backgroundLight, marginLeft: 4},
89
-
]}>
90
-
<MagnifyingGlassIcon size={18} strokeWidth={3} style={pal.text} />
86
+
style={[styles.btn, {marginLeft: 4}]}>
87
+
<MagnifyingGlassIcon size={26} strokeWidth={3} style={pal.text} />
91
88
</TouchableOpacity>
92
89
{!store.session.online ? (
93
90
<TouchableOpacity
94
-
style={[
95
-
styles.btn,
96
-
{backgroundColor: pal.colors.backgroundLight, marginLeft: 4},
97
-
]}
91
+
style={[styles.btn, {marginLeft: 4}]}
98
92
onPress={onPressReconnect}>
99
93
{store.session.attemptingConnect ? (
100
94
<ActivityIndicator />
101
95
) : (
102
96
<>
103
-
<FontAwesomeIcon icon="signal" style={pal.text} size={16} />
97
+
<FontAwesomeIcon icon="signal" style={pal.text} size={23} />
104
98
<FontAwesomeIcon
105
99
icon="x"
106
100
style={{
107
-
backgroundColor: pal.colors.backgroundLight,
101
+
backgroundColor: pal.colors.background,
108
102
color: theme.palette.error.background,
109
103
position: 'absolute',
110
-
right: 7,
104
+
right: 0,
111
105
bottom: 7,
112
106
}}
113
-
size={8}
107
+
size={10}
114
108
/>
115
109
</>
116
110
)}
···
139
133
maxWidth: 200,
140
134
},
141
135
142
-
backIcon: {width: 30, height: 30},
143
-
backIconWide: {width: 40, height: 30},
136
+
backIcon: {width: 40, height: 40},
137
+
backIconWide: {width: 50, height: 40},
144
138
btn: {
145
139
flexDirection: 'row',
146
140
alignItems: 'center',