zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Handle overflow of bottom text

Browse source
This commit is contained in:
Eric Bailey 2024-09-12 13:54:20 -05:00
parent 7bba213e1a
commit 1f2e4b26c0
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/dialogs/nuxs/TenMillion/index.tsx
View file

@ -424,13 +424,15 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
moderation.ui('displayName'), moderation.ui('displayName'),
)} )}
</Text> </Text>
<View style={[a.flex_row, a.justify_between]}> <View
style={[a.flex_row, a.justify_between, a.gap_4xl]}>
<Text <Text
numberOfLines={1}
style={[ style={[
a.flex_1,
a.text_sm, a.text_sm,
a.font_semibold, a.font_semibold,
, a.leading_snug,
a.leading_tight,
lightTheme.atoms.text_contrast_medium, lightTheme.atoms.text_contrast_medium,
]}> ]}>
{sanitizeHandle(profile.handle, '@')} {sanitizeHandle(profile.handle, '@')}
@ -438,16 +440,22 @@ export function TenMillionInner({userNumber}: {userNumber: number}) {
{profile.createdAt && ( {profile.createdAt && (
<Text <Text
numberOfLines={1}
ellipsizeMode="head"
style={[ style={[
a.flex_1,
a.text_sm, a.text_sm,
a.font_semibold, a.font_semibold,
a.leading_tight, a.leading_snug,
a.text_right,
lightTheme.atoms.text_contrast_low, lightTheme.atoms.text_contrast_low,
]}> ]}>
<Trans> <Trans>
Joined{' '} Joined{' '}
{i18n.date(profile.createdAt, { {i18n.date(profile.createdAt, {
dateStyle: 'long', month: 'short',
day: 'numeric',
year: 'numeric',
})} })}
</Trans> </Trans>
</Text> </Text>