OpenSourceArk/Ghost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated "Your recommendations" list design

Browse Source 
refs https://github.com/TryGhost/Product/issues/3786
This commit is contained in:
Djordje Vlaisavljevic 2023-09-19 15:31:39 +01:00
parent d5ad5d2dd0
commit 4e04b8c2d2
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx
View File

@ -34,13 +34,13 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
<span className='line-clamp-1 font-medium'>{recommendation.title}</span> <span className='line-clamp-1 font-medium'>{recommendation.title}</span>
{showSubscribes && <span className='-mb-px inline-flex h-[19px] shrink-0 items-center rounded-full bg-grey-200 px-1.5 py-0.5 text-2xs font-semibold uppercase tracking-wide text-grey-700'>1-click subscribe</span>} {showSubscribes && <span className='-mb-px inline-flex h-[19px] shrink-0 items-center rounded-full bg-grey-200 px-1.5 py-0.5 text-2xs font-semibold uppercase tracking-wide text-grey-700'>1-click subscribe</span>}
</div> </div>
<span className='line-clamp-1 text-xs leading-snug text-grey-700'>{recommendation.reason || 'No reason added'}</span> <span className='line-clamp-1 text-xs leading-snug text-grey-700'>{recommendation.url || 'No reason added'}</span>
</div> </div>
</div> </div>
</TableCell> </TableCell>
<TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}> <TableCell className='hidden md:!visible md:!table-cell' onClick={showDetails}>
<div className={`flex grow flex-col`}> <div className={`flex grow flex-col`}>
{count === 0 ? <span className="text-grey-500">-</span> : <span>{count}</span>} {count === 0 ? <span className="text-grey-500">0</span> : <span>{count}</span>}
<span className='whitespace-nowrap text-xs text-grey-700'>{showSubscribes ? 'Subscribers from you' : 'Clicks from you'}</span> <span className='whitespace-nowrap text-xs text-grey-700'>{showSubscribes ? 'Subscribers from you' : 'Clicks from you'}</span>
</div> </div>
</TableCell> </TableCell>