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

Merge branch 'improve-mobile-suggestions' into 'develop'

Browse source 
Improve mobile display of feed suggestions

See merge request soapbox-pub/soapbox-fe!1664
This commit is contained in:
Justin 2022-07-21 14:57:26 +00:00
commit 2dcf42e2c8
1 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/feed-suggestions/feed-suggestions.tsx
View file

@ -19,12 +19,12 @@ const SuggestionItem = ({ accountId }: { accountId: string }) => {
const account = useAccount(accountId) as Account; const account = useAccount(accountId) as Account;
return ( return (
<Stack className='w-24 h-auto' space={3}> <Stack space={3} className='p-4 md:p-0 rounded-md border border-solid border-gray-100 dark:border-slate-700 dark:md:border-transparent md:border-transparent w-52 shrink-0 md:shrink md:w-full'>
<Link <Link
to={`/@${account.acct}`} to={`/@${account.acct}`}
title={account.acct} title={account.acct}
> >
<Stack space={3}> <Stack space={3} className='w-40 md:w-24 mx-auto'>
<img <img
src={account.avatar} src={account.avatar}
className='mx-auto block w-16 h-16 min-w-[56px] rounded-full object-cover' className='mx-auto block w-16 h-16 min-w-[56px] rounded-full object-cover'
@ -78,11 +78,7 @@ const FeedSuggestions = () => {
</HStack> </HStack>
<CardBody> <CardBody>
<HStack <HStack alignItems='center' className='overflow-x-auto lg:overflow-x-hidden space-x-4 md:space-x-0'>
alignItems='center'
justifyContent='around'
space={8}
>
{suggestedProfiles.slice(0, 4).map((suggestedProfile) => ( {suggestedProfiles.slice(0, 4).map((suggestedProfile) => (
<SuggestionItem key={suggestedProfile.account} accountId={suggestedProfile.account} /> <SuggestionItem key={suggestedProfile.account} accountId={suggestedProfile.account} />
))} ))}