forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Shrink the header back down but use bolder title text
+19
-19
-3
src/view/com/util/PostCtrls.tsx
-3
src/view/com/util/PostCtrls.tsx
···
115
115
<View style={[styles.ctrls, opts.style]}>
116
116
<View style={s.flex1}>
117
117
<TouchableOpacity
118
-
testID="postCtrlsReplyButton"
119
118
style={styles.ctrl}
120
119
hitSlop={HITSLOP}
121
120
onPress={opts.onPressReply}>
···
131
130
</View>
132
131
<View style={s.flex1}>
133
132
<TouchableOpacity
134
-
testID="postCtrlsToggleRepostButton"
135
133
hitSlop={HITSLOP}
136
134
onPress={onPressToggleRepostWrapper}
137
135
style={styles.ctrl}>
···
158
156
</View>
159
157
<View style={s.flex1}>
160
158
<TouchableOpacity
161
-
testID="postCtrlsToggleUpvoteButton"
162
159
style={styles.ctrl}
163
160
hitSlop={HITSLOP}
164
161
onPress={onPressToggleUpvoteWrapper}>
+19
-16
src/view/com/util/ViewHeader.tsx
+19
-16
src/view/com/util/ViewHeader.tsx
···
54
54
style={canGoBack ? styles.backIcon : styles.backIconWide}>
55
55
{canGoBack ? (
56
56
<FontAwesomeIcon
57
-
size={24}
57
+
size={18}
58
58
icon="angle-left"
59
-
style={[{marginTop: 8}, pal.text]}
59
+
style={[{marginTop: 6}, pal.text]}
60
60
/>
61
61
) : (
62
62
<UserAvatar
63
-
size={40}
63
+
size={30}
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="h3" style={pal.text}>
71
+
<Text type="h4" style={[pal.text, styles.title]}>
72
72
{title}
73
73
</Text>
74
74
{subtitle ? (
75
75
<Text
76
-
type="h4"
77
-
style={[styles.subtitle, pal.textLight, {fontWeight: 'normal'}]}
76
+
type="h5"
77
+
style={[styles.subtitle, pal.textLight]}
78
78
numberOfLines={1}>
79
79
{subtitle}
80
80
</Text>
···
83
83
<TouchableOpacity
84
84
onPress={onPressSearch}
85
85
hitSlop={HITSLOP}
86
-
style={[styles.btn, {marginLeft: 4}]}>
87
-
<MagnifyingGlassIcon size={26} strokeWidth={3} style={pal.text} />
86
+
style={styles.btn}>
87
+
<MagnifyingGlassIcon size={21} strokeWidth={3} style={pal.text} />
88
88
</TouchableOpacity>
89
89
{!store.session.online ? (
90
-
<TouchableOpacity
91
-
style={[styles.btn, {marginLeft: 4}]}
92
-
onPress={onPressReconnect}>
90
+
<TouchableOpacity style={styles.btn} onPress={onPressReconnect}>
93
91
{store.session.attemptingConnect ? (
94
92
<ActivityIndicator />
95
93
) : (
96
94
<>
97
-
<FontAwesomeIcon icon="signal" style={pal.text} size={23} />
95
+
<FontAwesomeIcon icon="signal" style={pal.text} size={16} />
98
96
<FontAwesomeIcon
99
97
icon="x"
100
98
style={{
101
99
backgroundColor: pal.colors.background,
102
100
color: theme.palette.error.background,
103
101
position: 'absolute',
104
-
right: 0,
102
+
right: 7,
105
103
bottom: 7,
106
104
}}
107
-
size={10}
105
+
size={8}
108
106
/>
109
107
</>
110
108
)}
···
128
126
alignItems: 'baseline',
129
127
marginRight: 'auto',
130
128
},
129
+
title: {
130
+
fontWeight: 'bold',
131
+
},
131
132
subtitle: {
132
133
marginLeft: 4,
133
134
maxWidth: 200,
135
+
fontWeight: 'normal',
134
136
},
135
137
136
-
backIcon: {width: 40, height: 40},
137
-
backIconWide: {width: 50, height: 40},
138
+
backIcon: {width: 30, height: 30},
139
+
backIconWide: {width: 40, height: 30},
138
140
btn: {
139
141
flexDirection: 'row',
140
142
alignItems: 'center',
···
142
144
width: 36,
143
145
height: 36,
144
146
borderRadius: 20,
147
+
marginLeft: 4,
145
148
},
146
149
})