Tune the feeds page a little more

This commit is contained in:
Paul Frazee 2024-02-13 10:21:39 -08:00
parent aaba84f214
commit 2f6d7606b3

View file

@ -639,17 +639,26 @@ function FeedsSavedHeader() {
return ( return (
<View <View
style={[ style={
a.flex_row, isWeb
a.px_md, ? [
a.pt_2xl, a.flex_row,
a.gap_md, a.px_md,
isWeb ? a.pb_2xl : a.pb_xl, a.py_lg,
a.border_b, a.gap_md,
t.atoms.border_contrast_low, a.border_b,
]}> t.atoms.border_contrast_low,
]
: [
{flexDirection: 'row-reverse'},
a.p_lg,
a.gap_md,
a.border_b,
t.atoms.border_contrast_low,
]
}>
<IconCircle icon={ListSparkle_Stroke2_Corner0_Rounded} size="lg" /> <IconCircle icon={ListSparkle_Stroke2_Corner0_Rounded} size="lg" />
<View style={[a.flex_1, a.gap_sm]}> <View style={[a.flex_1, a.gap_xs]}>
<Text style={[a.flex_1, a.text_2xl, a.font_bold, t.atoms.text]}> <Text style={[a.flex_1, a.text_2xl, a.font_bold, t.atoms.text]}>
<Trans>My Feeds</Trans> <Trans>My Feeds</Trans>
</Text> </Text>
@ -666,13 +675,11 @@ function FeedsAboutHeader() {
return ( return (
<View <View
style={[ style={
a.flex_row, isWeb
a.px_md, ? [a.flex_row, a.px_md, a.pt_lg, a.pb_lg, a.gap_md]
a.pt_2xl, : [{flexDirection: 'row-reverse'}, a.p_lg, a.gap_md]
a.gap_md, }>
isWeb ? a.pb_2xl : a.pb_xl,
]}>
<IconCircle <IconCircle
icon={ListMagnifyingGlass_Stroke2_Corner0_Rounded} icon={ListMagnifyingGlass_Stroke2_Corner0_Rounded}
size="lg" size="lg"