[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={[
a.flex_row,
a.align_center,
a.gap_sm,
a.px_md,
a.py_sm,
a.transition_color,
{gap: 10},
hovered ? t.atoms.bg_contrast_25 : null,
]}
testID="publication-embed-footer">
<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
numberOfLines={1}
style={[a.text_sm, a.font_semi_bold, t.atoms.text]}>
style={[a.text_sm, a.font_medium, t.atoms.text]}>
{name}
</Text>
{handle && (
@@ -76,7 +76,7 @@ export function PublicationEmbed({
loading="lazy"
/>
) : null}
<View style={[a.p_md, a.gap_sm]}>
<View style={[a.p_md, {gap: 6}]}>
<View style={[{gap: 4}]}>
<Text
emoji
@@ -103,7 +103,9 @@ export function PublicationEmbed({
</View>
)}
</Link>
<Divider />
<View style={[a.py_md]}>
<Divider />
</View>
<PublicationFooter source={source} />
{/*
Note: `source.theme` (background/foreground/accent/accentForeground