[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:
committed by
Eric Bailey
parent
3df3b7bf49
commit
b636597b38
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user