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