forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Spacing fixes
+31
-16
+1
-1
src/view/com/post/Post.tsx
+1
-1
src/view/com/post/Post.tsx
+8
-4
src/view/com/posts/FeedItem.tsx
+8
-4
src/view/com/posts/FeedItem.tsx
···
183
183
timestamp={item.post.indexedAt}
184
184
/>
185
185
{!isChild && replyHref !== '' && (
186
-
<View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
186
+
<View style={[s.flexRow, s.mb5, {alignItems: 'center'}]}>
187
187
<FontAwesomeIcon
188
188
icon="reply"
189
189
size={9}
···
219
219
) : (
220
220
<View style={{height: 5}} />
221
221
)}
222
-
<PostEmbeds embed={item.post.embed} style={styles.postEmbeds} />
222
+
<PostEmbeds embed={item.post.embed} style={styles.embed} />
223
223
<PostCtrls
224
+
style={styles.ctrls}
224
225
itemHref={itemHref}
225
226
itemTitle={itemTitle}
226
227
isAuthor={item.post.author.did === store.me.did}
···
330
331
flexWrap: 'wrap',
331
332
paddingBottom: 4,
332
333
},
333
-
postEmbeds: {
334
-
marginBottom: 0,
334
+
embed: {
335
+
marginBottom: 6,
336
+
},
337
+
ctrls: {
338
+
marginTop: 2,
335
339
},
336
340
viewFullThread: {
337
341
paddingTop: 12,
+11
-3
src/view/com/util/PostCtrls.tsx
+11
-3
src/view/com/util/PostCtrls.tsx
···
1
1
import React from 'react'
2
-
import {Animated, StyleSheet, TouchableOpacity, View} from 'react-native'
2
+
import {
3
+
Animated,
4
+
StyleProp,
5
+
StyleSheet,
6
+
TouchableOpacity,
7
+
View,
8
+
ViewStyle,
9
+
} from 'react-native'
3
10
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
4
11
import ReactNativeHapticFeedback from 'react-native-haptic-feedback'
5
12
import {Text} from './text/Text'
···
13
20
itemTitle: string
14
21
isAuthor: boolean
15
22
big?: boolean
23
+
style?: StyleProp<ViewStyle>
16
24
replyCount?: number
17
25
repostCount?: number
18
26
upvoteCount?: number
···
102
110
}
103
111
104
112
return (
105
-
<View style={styles.ctrls}>
113
+
<View style={[styles.ctrls, opts.style]}>
106
114
<View style={s.flex1}>
107
115
<TouchableOpacity
108
116
style={styles.ctrl}
···
187
195
<FontAwesomeIcon
188
196
icon="ellipsis-h"
189
197
size={16}
190
-
style={[s.mt2, s.mr5, sRedgray]}
198
+
style={[s.mt2, s.mr5, {color: colors.gray3}]}
191
199
/>
192
200
</PostDropdownBtn>
193
201
)}
+7
-6
src/view/com/util/PostEmbeds.tsx
+7
-6
src/view/com/util/PostEmbeds.tsx
···
31
31
}
32
32
if (embed.images.length === 4) {
33
33
return (
34
-
<View style={styles.imagesContainer}>
34
+
<View style={[styles.imagesContainer, style]}>
35
35
<ImageLayoutGrid
36
36
type="four"
37
37
uris={embed.images.map(img => img.thumb)}
···
41
41
)
42
42
} else if (embed.images.length === 3) {
43
43
return (
44
-
<View style={styles.imagesContainer}>
44
+
<View style={[styles.imagesContainer, style]}>
45
45
<ImageLayoutGrid
46
46
type="three"
47
47
uris={embed.images.map(img => img.thumb)}
···
51
51
)
52
52
} else if (embed.images.length === 2) {
53
53
return (
54
-
<View style={styles.imagesContainer}>
54
+
<View style={[styles.imagesContainer, style]}>
55
55
<ImageLayoutGrid
56
56
type="two"
57
57
uris={embed.images.map(img => img.thumb)}
···
61
61
)
62
62
} else {
63
63
return (
64
-
<View style={styles.imagesContainer}>
64
+
<View style={[styles.imagesContainer, style]}>
65
65
<AutoSizedImage
66
66
uri={embed.images[0].thumb}
67
67
onPress={() => openLightbox(0)}
···
82
82
{link.thumb ? (
83
83
<AutoSizedImage uri={link.thumb} containerStyle={{borderRadius: 4}} />
84
84
) : undefined}
85
-
<Text type="h5" numberOfLines={1} style={pal.text}>
85
+
<Text type="h5" numberOfLines={2} style={pal.text}>
86
86
{link.title || link.uri}
87
87
</Text>
88
88
<Text type="body2" numberOfLines={1} style={pal.textLight}>
···
105
105
const styles = StyleSheet.create({
106
106
imagesContainer: {
107
107
marginTop: 4,
108
-
marginBottom: 6,
109
108
},
110
109
extOuter: {
111
110
padding: 10,
112
111
borderWidth: 1,
112
+
borderRadius: 4,
113
+
marginTop: 4,
113
114
},
114
115
extDescription: {
115
116
marginTop: 4,
+1
-1
src/view/com/util/PostMeta.tsx
+1
-1
src/view/com/util/PostMeta.tsx
+3
-1
src/view/com/util/UserInfoText.tsx
+3
-1
src/view/com/util/UserInfoText.tsx