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:
parent
bf2166b818
commit
fd1e87a037
1 changed files with 14 additions and 14 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Reference in a new issue