diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2024-06-24 16:31:07 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-24 16:31:07 -0700 |
| commit | dc9e51dca19822bb1c0ae688d581bdb27ace6747 (patch) | |
| tree | 0f3a085c7f8061475549a48954d29b5ef7ec56ca /src | |
| parent | 59fa7c0c0d481703c5674ac1716612c510b49585 (diff) | |
| download | voidsky-dc9e51dca19822bb1c0ae688d581bdb27ace6747.tar.zst | |
Add borders around starter pack landing page when tablet or deskto (#4626)
Diffstat (limited to 'src')
| -rw-r--r-- | src/screens/StarterPack/StarterPackLandingScreen.tsx | 27 |
1 files changed, 21 insertions, 6 deletions
diff --git a/src/screens/StarterPack/StarterPackLandingScreen.tsx b/src/screens/StarterPack/StarterPackLandingScreen.tsx index b781419ef..a7bc451b7 100644 --- a/src/screens/StarterPack/StarterPackLandingScreen.tsx +++ b/src/screens/StarterPack/StarterPackLandingScreen.tsx @@ -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}> |