zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Add borders around starter pack landing page when tablet or deskto (#4626)

zio/stable
Paul Frazee 2024-06-24 16:31:07 -07:00 committed by GitHub
parent 59fa7c0c0d
commit dc9e51dca1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/screens/StarterPack/StarterPackLandingScreen.tsx
View File

@ -231,14 +231,21 @@ function LandingScreenLoaded({
</Trans> </Trans>
)} )}
</Text> </Text>
<View> <View
{starterPack.listItemsSample?.slice(0, 8).map(item => ( style={
isTabletOrDesktop && [
a.border,
a.rounded_md,
t.atoms.border_contrast_low,
]
}>
{starterPack.listItemsSample?.slice(0, 8).map((item, i) => (
<View <View
key={item.subject.did} key={item.subject.did}
style={[ style={[
a.py_lg, a.py_lg,
a.px_md, a.px_md,
a.border_t, (!isTabletOrDesktop || i !== 0) && a.border_t,
t.atoms.border_contrast_low, t.atoms.border_contrast_low,
{pointerEvents: 'none'}, {pointerEvents: 'none'},
]}> ]}>
@ -257,13 +264,21 @@ function LandingScreenLoaded({
<Trans>You'll stay updated with these feeds</Trans> <Trans>You'll stay updated with these feeds</Trans>
</Text> </Text>
<View style={[{pointerEvents: 'none'}]}> <View
{feeds?.map(feed => ( style={[
{pointerEvents: 'none'},
isTabletOrDesktop && [
a.border,
a.rounded_md,
t.atoms.border_contrast_low,
],
]}>
{feeds?.map((feed, i) => (
<View <View
style={[ style={[
a.py_lg, a.py_lg,
a.px_md, a.px_md,
a.border_t, (!isTabletOrDesktop || i !== 0) && a.border_t,
t.atoms.border_contrast_low, t.atoms.border_contrast_low,
]} ]}
key={feed.uri}> key={feed.uri}>