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 && (
<div className="flex items-center">
<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>
)}
{blogComments && (
<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
commentClassName="w-7"
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 flex-col">
{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}
</h2>
)}
{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}
</p>
)}
@ -31,16 +31,16 @@ const BlogDesign4 = ({
{blogAuthor && (
<div className="flex items-center">
<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>
)}
{blogComments && (
<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
commentClassName="w-7"
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>
)}

@ -15,12 +15,12 @@ const BlogDesign5 = ({
<div className="flex-1 flex flex-col justify-between mr-4 py-2">
<div className="flex flex-col">
{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}
</h2>
)}
{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}
</p>
)}
@ -29,16 +29,16 @@ const BlogDesign5 = ({
{blogAuthor && (
<div className="flex items-center">
<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>
)}
{blogComments && (
<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
commentClassName="w-7"
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>
)}

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

Loading…
Cancel
Save