forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Feed interstitial snapping (#4737)
Co-authored-by: Samuel Newman <10959775+mozzius@users.noreply.github.com>
authored by
Samuel Newman
Samuel Newman
and committed by
GitHub
58e48fd3
3407206f
+13
-3
+13
-3
src/components/FeedInterstitials.tsx
+13
-3
src/components/FeedInterstitials.tsx
···
27
27
import {Text} from '#/components/Typography'
28
28
import {ProgressGuideList} from './ProgressGuide/List'
29
29
30
+
const MOBILE_CARD_WIDTH = 300
31
+
30
32
function CardOuter({
31
33
children,
32
34
style,
···
43
45
t.atoms.bg,
44
46
t.atoms.border_contrast_low,
45
47
!gtMobile && {
46
-
width: 300,
48
+
width: MOBILE_CARD_WIDTH,
47
49
},
48
50
style,
49
51
]}>
···
266
268
</View>
267
269
</View>
268
270
) : (
269
-
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
271
+
<ScrollView
272
+
horizontal
273
+
showsHorizontalScrollIndicator={false}
274
+
snapToInterval={MOBILE_CARD_WIDTH + a.gap_md.gap}
275
+
decelerationRate="fast">
270
276
<View style={[a.px_lg, a.pt_md, a.pb_xl, a.flex_row, a.gap_md]}>
271
277
{content}
272
278
···
392
398
</View>
393
399
</View>
394
400
) : (
395
-
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
401
+
<ScrollView
402
+
horizontal
403
+
showsHorizontalScrollIndicator={false}
404
+
snapToInterval={MOBILE_CARD_WIDTH + a.gap_md.gap}
405
+
decelerationRate="fast">
396
406
<View style={[a.px_lg, a.pt_md, a.pb_xl, a.flex_row, a.gap_md]}>
397
407
{content}
398
408