forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Layout tweaks (#7150)
* Reduce weight of right sidebar active feed
* ProfileFeedHeader tweaks
---------
Co-authored-by: Eric Bailey <git@esb.lol>
authored by
Paul Frazee
Eric Bailey
and committed by
GitHub
ff02868a
a2019ace
+19
-14
+18
-13
src/screens/Profile/components/ProfileFeedHeader.tsx
+18
-13
src/screens/Profile/components/ProfileFeedHeader.tsx
···
30
30
import {Divider} from '#/components/Divider'
31
31
import {useRichText} from '#/components/hooks/useRichText'
32
32
import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox'
33
-
import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron'
34
33
import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
34
+
import {DotGrid_Stroke2_Corner0_Rounded as Ellipsis} from '#/components/icons/DotGrid'
35
35
import {
36
36
Heart2_Filled_Stroke2_Corner0_Rounded as HeartFilled,
37
37
Heart2_Stroke2_Corner0_Rounded as Heart,
···
91
91
const t = useTheme()
92
92
const {_, i18n} = useLingui()
93
93
const {hasSession} = useSession()
94
-
const {gtPhone, gtMobile} = useBreakpoints()
94
+
const {gtMobile} = useBreakpoints()
95
95
const infoControl = Dialog.useDialogControl()
96
96
const playHaptic = useHaptics()
97
97
···
191
191
style={[
192
192
a.justify_start,
193
193
{
194
-
paddingVertical: isWeb ? 4 : 6,
195
-
paddingHorizontal: 8,
196
-
paddingRight: 12,
194
+
paddingVertical: isWeb ? 2 : 4,
195
+
paddingRight: 8,
197
196
},
198
197
]}
199
198
onPress={() => {
···
207
206
a.absolute,
208
207
a.inset_0,
209
208
a.rounded_sm,
210
-
a.transition_transform,
209
+
a.transition_all,
211
210
t.atoms.bg_contrast_25,
212
-
pressed && t.atoms.bg_contrast_50,
211
+
{
212
+
opacity: 0,
213
+
left: isWeb ? -2 : -4,
214
+
right: 0,
215
+
},
216
+
pressed && {
217
+
opacity: 1,
218
+
},
213
219
hovered && {
220
+
opacity: 1,
214
221
transform: [{scaleX: 1.01}, {scaleY: 1.1}],
215
222
},
216
223
]}
···
219
226
<View
220
227
style={[a.flex_1, a.flex_row, a.align_center, a.gap_sm]}>
221
228
{info.avatar && (
222
-
<UserAvatar size={32} type="algo" avatar={info.avatar} />
229
+
<UserAvatar size={36} type="algo" avatar={info.avatar} />
223
230
)}
224
231
225
232
<View style={[a.flex_1]}>
···
237
244
<Text
238
245
style={[
239
246
a.flex_shrink,
240
-
a.text_xs,
247
+
a.text_sm,
241
248
a.leading_snug,
242
249
t.atoms.text_contrast_medium,
243
-
gtPhone && a.text_sm,
244
250
]}
245
251
numberOfLines={1}>
246
252
{sanitizeHandle(info.creatorHandle, '@')}
···
256
262
/>
257
263
<Text
258
264
style={[
259
-
a.text_xs,
265
+
a.text_sm,
260
266
a.leading_snug,
261
267
t.atoms.text_contrast_medium,
262
-
gtPhone && a.text_sm,
263
268
]}
264
269
numberOfLines={1}>
265
270
{formatCount(i18n, likeCount)}
···
268
273
</View>
269
274
</View>
270
275
271
-
<ChevronDown
276
+
<Ellipsis
272
277
size="md"
273
278
fill={t.atoms.text_contrast_low.color}
274
279
/>