|
|
@ -17,12 +17,12 @@ const BlogDesign4 = ({ |
|
|
|
<div className="flex-1 flex flex-col justify-between py-3 transform translate-x-10"> |
|
|
|
<div className="flex-1 flex flex-col justify-between py-3 transform translate-x-10"> |
|
|
|
<div className="flex flex-col"> |
|
|
|
<div className="flex flex-col"> |
|
|
|
{blogTitle && ( |
|
|
|
{blogTitle && ( |
|
|
|
<h2 className="text-base text-justify text-[#646464] font-sansbold leading-6"> |
|
|
|
<h2 className="text-base text-justify text-primaryText font-bold leading-6"> |
|
|
|
{blogTitle} |
|
|
|
{blogTitle} |
|
|
|
</h2> |
|
|
|
</h2> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{blogExcerpt && ( |
|
|
|
{blogExcerpt && ( |
|
|
|
<p className="mt-4 text-justify text-sm text-[#646464] leading-6"> |
|
|
|
<p className="mt-4 text-justify text-sm text-primaryText leading-6"> |
|
|
|
{blogExcerpt} |
|
|
|
{blogExcerpt} |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
)} |
|
|
|
)} |
|
|
@ -31,16 +31,16 @@ const BlogDesign4 = ({ |
|
|
|
{blogAuthor && ( |
|
|
|
{blogAuthor && ( |
|
|
|
<div className="flex items-center"> |
|
|
|
<div className="flex items-center"> |
|
|
|
<img src={blogAuthorImg} alt="author" className="w-8" /> |
|
|
|
<img src={blogAuthorImg} alt="author" className="w-8" /> |
|
|
|
<p className="mr-2 text-sm text-[#818181]">{blogAuthor}</p> |
|
|
|
<p className="mr-2 text-sm text-primaryText">{blogAuthor}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{blogComments && ( |
|
|
|
{blogComments && ( |
|
|
|
<div className="flex items-center"> |
|
|
|
<div className="flex items-center"> |
|
|
|
<p className="ml-2 text-sm text-[#818181]">{blogComments}</p> |
|
|
|
<p className="ml-2 text-sm text-primaryText">{blogComments}</p> |
|
|
|
<CommentIcon |
|
|
|
<CommentIcon |
|
|
|
commentClassName="w-7" |
|
|
|
commentClassName="w-7" |
|
|
|
commentNum={"26"} |
|
|
|
commentNum={"26"} |
|
|
|
className="w-5 h-5 bg-[#818181] text-white text-[10px] font-sansbold absolute top-0 right-0 transform translate-x-1 -translate-y-2" |
|
|
|
className="w-5 h-5 bg-primaryText text-white text-[10px] font-bold absolute top-0 right-0 transform translate-x-1 -translate-y-2" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|