update 5 files

master
mahdi 2 years ago
parent 73dca7caee
commit 68309f8859
  1. 4
      src/components/Blog/design3/index.js
  2. 10
      src/components/Blog/design4/index.js
  3. 10
      src/components/Blog/design5/index.js
  4. 10
      src/components/Blog/design6/index.js

@ -37,12 +37,12 @@ const BlogDesign3 = ({
{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-[#2a2a2a]">{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-[#2a2a2a]">{blogComments}</p> <p className="ml-2 text-sm text-primaryText">{blogComments}</p>
<CommentIcon <CommentIcon
commentClassName="w-7" commentClassName="w-7"
commentNum={"26"} commentNum={"26"}

@ -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>
)} )}

@ -15,12 +15,12 @@ const BlogDesign5 = ({
<div className="flex-1 flex flex-col justify-between mr-4 py-2"> <div className="flex-1 flex flex-col justify-between mr-4 py-2">
<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>
)} )}
@ -29,16 +29,16 @@ const BlogDesign5 = ({
{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>
)} )}

@ -14,12 +14,12 @@ const BlogDesign6 = ({
<img src={featuredImage} alt="" className="w-full" /> <img src={featuredImage} alt="" className="w-full" />
<div className="p-4"> <div className="p-4">
{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>
)} )}
@ -27,16 +27,16 @@ const BlogDesign6 = ({
{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>
)} )}

Loading…
Cancel
Save