0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00

Added AuthorAvatar component to handle placeholder avatars

This commit is contained in:
Djordje Vlaisavljevic 2022-07-05 15:56:56 +02:00
parent bf2166b818
commit fd1e87a037

View file

@ -96,9 +96,9 @@ function SearchBox() {
function TagListItem({title}) {
return (
<div className="flex items-center py-3 -mx-7 px-7 hover:bg-gray-100 cursor-pointer">
<div className='flex items-center py-3 -mx-7 px-7 hover:bg-gray-100 cursor-pointer'>
<p className='mr-2 text-sm font-bold text-neutral-400'>#</p>
<h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{title}</h2>
<h2 className='text-[1.65rem] font-medium leading-tight text-neutral-900'>{title}</h2>
</div>
);
}
@ -113,8 +113,8 @@ function TagResults({tags}) {
);
});
return (
<div className="border-t border-gray-200 py-4 px-7">
<h1 className="uppercase text-xs text-neutral-400 font-semibold mb-2">Tags</h1>
<div className='border-t border-gray-200 py-4 px-7'>
<h1 className='uppercase text-xs text-neutral-400 font-semibold mb-2'>Tags</h1>
{TagItems}
</div>
);
@ -122,9 +122,9 @@ function TagResults({tags}) {
function PostListItem({title, excerpt}) {
return (
<div className="py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer">
<h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{title}</h2>
<p className="text-neutral-400 leading-normal text-sm mt-0 mb-0 truncate">{excerpt}</p>
<div className='py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer'>
<h2 className='text-[1.65rem] font-medium leading-tight text-neutral-900'>{title}</h2>
<p className='text-neutral-400 leading-normal text-sm mt-0 mb-0 truncate'>{excerpt}</p>
</div>
);
}
@ -143,8 +143,8 @@ function PostResults({posts}) {
);
});
return (
<div className="border-t border-neutral-200 py-4 px-7">
<h1 className="uppercase text-xs text-neutral-400 font-semibold mb-2">Posts</h1>
<div className='border-t border-neutral-200 py-4 px-7'>
<h1 className='uppercase text-xs text-neutral-400 font-semibold mb-2'>Posts</h1>
{PostItems}
</div>
);
@ -152,9 +152,9 @@ function PostResults({posts}) {
function AuthorListItem({name, avatar}) {
return (
<div className="py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer">
<div className="rounded-full bg-slate-600"></div>
<h2 className="text-[1.65rem] font-medium leading-tight text-neutral-900">{name}</h2>
<div className='py-3 -mx-7 px-7 hover:bg-neutral-100 cursor-pointer flex items-center'>
<AuthorAvatar name={name} avatar={avatar} />
<h2 className='text-[1.65rem] font-medium leading-tight text-neutral-900'>{name}</h2>
</div>
);
}
@ -182,8 +182,8 @@ function AuthorResults({authors}) {
);
});
return (
<div className="border-t border-neutral-200 py-4 px-7">
<h1 className="uppercase text-xs text-neutral-400 font-semibold mb-2">Authors</h1>
<div className='border-t border-neutral-200 py-4 px-7'>
<h1 className='uppercase text-xs text-neutral-400 font-semibold mb-2'>Authors</h1>
{AuthorItems}
</div>
);