[APP-2160] Apply Figma typography + spacing tweaks to PublicationEmbed

PublicationFooter:
- Avatar to text gap: 10
- Title to author gap: 2
- Title weight medium (500) instead of semi-bold (600)

PublicationEmbed content block:
- Description to meta-row gap: 6 (was 8)
- Divider gets 12px vertical padding wrapper
This commit is contained in:
vineyardbovines
2026-05-12 13:43:16 -04:00
committed by Eric Bailey
parent 3df3b7bf49
commit b636597b38
2 changed files with 7 additions and 5 deletions
@@ -39,18 +39,18 @@ export function PublicationFooter({
style={[ style={[
a.flex_row, a.flex_row,
a.align_center, a.align_center,
a.gap_sm,
a.px_md, a.px_md,
a.py_sm, a.py_sm,
a.transition_color, a.transition_color,
{gap: 10},
hovered ? t.atoms.bg_contrast_25 : null, hovered ? t.atoms.bg_contrast_25 : null,
]} ]}
testID="publication-embed-footer"> testID="publication-embed-footer">
<UserAvatar type="user" size={40} avatar={source.icon} /> <UserAvatar type="user" size={40} avatar={source.icon} />
<View style={[a.flex_1, {minWidth: 0}]}> <View style={[a.flex_1, {minWidth: 0, gap: 2}]}>
<Text <Text
numberOfLines={1} numberOfLines={1}
style={[a.text_sm, a.font_semi_bold, t.atoms.text]}> style={[a.text_sm, a.font_medium, t.atoms.text]}>
{name} {name}
</Text> </Text>
{handle && ( {handle && (
@@ -76,7 +76,7 @@ export function PublicationEmbed({
loading="lazy" loading="lazy"
/> />
) : null} ) : null}
<View style={[a.p_md, a.gap_sm]}> <View style={[a.p_md, {gap: 6}]}>
<View style={[{gap: 4}]}> <View style={[{gap: 4}]}>
<Text <Text
emoji emoji
@@ -103,7 +103,9 @@ export function PublicationEmbed({
</View> </View>
)} )}
</Link> </Link>
<Divider /> <View style={[a.py_md]}>
<Divider />
</View>
<PublicationFooter source={source} /> <PublicationFooter source={source} />
{/* {/*
Note: `source.theme` (background/foreground/accent/accentForeground Note: `source.theme` (background/foreground/accent/accentForeground