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

Merge branch 'wrap-profile-fields' into 'next'

Browse source 
Wrap profile fields to prevent single-row overflow

See merge request soapbox-pub/soapbox-fe!1144
This commit is contained in:
Justin 2022-03-24 18:26:06 +00:00
commit 304c0b658e
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} />
}
<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) ? (
<HStack alignItems='center' space={0.5}>
<Icon
@ -224,13 +224,15 @@ class ProfileInfoPanel extends ImmutablePureComponent {
className='w-4 h-4 text-gray-800'
/>
<Text size='sm'>
{isSafeUrl(account.get('website')) ? (
<a className='text-primary-600 hover:underline' href={account.get('website')} target='_blank'>{account.get('website')}</a>
) : (
account.get('website')
)}
</Text>
<div className='max-w-[300px]'>
<Text size='sm' truncate>
{isSafeUrl(account.get('website')) ? (
<a className='text-primary-600 hover:underline' href={account.get('website')} target='_blank'>{account.get('website')}</a>
) : (
account.get('website')
)}
</Text>
</div>
</HStack>
) : null}