bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wrap profile fields

Browse source
This commit is contained in:
Justin 2022-03-24 14:07:08 -04:00
parent ca68bc9df8
commit 867912aa1b
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/soapbox/features/ui/components/profile_info_panel.js
View file

@ -186,7 +186,7 @@ class ProfileInfoPanel extends ImmutablePureComponent {
<Text size='sm' dangerouslySetInnerHTML={content} /> <Text size='sm' dangerouslySetInnerHTML={content} />
} }
<div className='flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2'> <div className='flex flex-col md:flex-row items-start md:flex-wrap md:items-center gap-2'>
{isLocal(account) ? ( {isLocal(account) ? (
<HStack alignItems='center' space={0.5}> <HStack alignItems='center' space={0.5}>
<Icon <Icon
@ -224,13 +224,15 @@ class ProfileInfoPanel extends ImmutablePureComponent {
className='w-4 h-4 text-gray-800' className='w-4 h-4 text-gray-800'
/> />
<Text size='sm'> <div className='max-w-[300px]'>
{isSafeUrl(account.get('website')) ? ( <Text size='sm' truncate>
<a className='text-primary-600 hover:underline' href={account.get('website')} target='_blank'>{account.get('website')}</a> {isSafeUrl(account.get('website')) ? (
) : ( <a className='text-primary-600 hover:underline' href={account.get('website')} target='_blank'>{account.get('website')}</a>
account.get('website') ) : (
)} account.get('website')
</Text> )}
</Text>
</div>
</HStack> </HStack>
) : null} ) : null}