forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Add borders around starter pack landing page when tablet or deskto (#4626)
authored by
Paul Frazee
and committed by
GitHub
dc9e51dc
59fa7c0c
+21
-6
+21
-6
src/screens/StarterPack/StarterPackLandingScreen.tsx
+21
-6
src/screens/StarterPack/StarterPackLandingScreen.tsx
···
231
231
</Trans>
232
232
)}
233
233
</Text>
234
-
<View>
235
-
{starterPack.listItemsSample?.slice(0, 8).map(item => (
234
+
<View
235
+
style={
236
+
isTabletOrDesktop && [
237
+
a.border,
238
+
a.rounded_md,
239
+
t.atoms.border_contrast_low,
240
+
]
241
+
}>
242
+
{starterPack.listItemsSample?.slice(0, 8).map((item, i) => (
236
243
<View
237
244
key={item.subject.did}
238
245
style={[
239
246
a.py_lg,
240
247
a.px_md,
241
-
a.border_t,
248
+
(!isTabletOrDesktop || i !== 0) && a.border_t,
242
249
t.atoms.border_contrast_low,
243
250
{pointerEvents: 'none'},
244
251
]}>
···
257
264
<Trans>You'll stay updated with these feeds</Trans>
258
265
</Text>
259
266
260
-
<View style={[{pointerEvents: 'none'}]}>
261
-
{feeds?.map(feed => (
267
+
<View
268
+
style={[
269
+
{pointerEvents: 'none'},
270
+
isTabletOrDesktop && [
271
+
a.border,
272
+
a.rounded_md,
273
+
t.atoms.border_contrast_low,
274
+
],
275
+
]}>
276
+
{feeds?.map((feed, i) => (
262
277
<View
263
278
style={[
264
279
a.py_lg,
265
280
a.px_md,
266
-
a.border_t,
281
+
(!isTabletOrDesktop || i !== 0) && a.border_t,
267
282
t.atoms.border_contrast_low,
268
283
]}
269
284
key={feed.uri}>