0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00

Updated structure of items in RecommendationLIst

This commit is contained in:
Daniël van der Winden 2024-10-15 14:12:34 +02:00
parent c7150c3bee
commit fae8919791

View file

@ -35,9 +35,9 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
const clicks = count === 1 ? 'click' : 'clicks';
return (
<TableRow testId='recommendation-list-item'>
<TableRow className="group" testId='recommendation-list-item'>
<TableCell onClick={showDetails}>
<div className='group flex items-center gap-3 hover:cursor-pointer'>
<div className='flex items-center gap-3 hover:cursor-pointer'>
<div className={`flex grow flex-col`}>
<div className="mb-0.5 flex items-center gap-3">
<RecommendationIcon isGhostSite={isGhostSite} {...recommendation} />
@ -59,7 +59,7 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
{(count === 0) ? null : (
<div className='-mt-px text-left'>
<span className='-mb-px inline-block min-w-[60px] whitespace-nowrap text-left text-sm lowercase text-grey-700'>{showSubscribers ? newMembers : clicks}</span>
<span className='mt-1 whitespace-nowrap text-right text-sm text-grey-700'>from you</span>
<span className='mt-1 whitespace-nowrap text-right text-sm text-grey-700 opacity-0 transition-opacity duration-200 group-hover:opacity-100'>from you</span>
</div>
)}
</TableCell>