master
mahdi 3 years ago
parent 3bb02a2ba0
commit 274b79c827
  1. 34
      src/components/Blogs/design1/BlogDesign1.js

@ -1,5 +1,3 @@
import React from "react";
import blogImage from "../../../assets/images/blog-featured-image.jpg"; import blogImage from "../../../assets/images/blog-featured-image.jpg";
import blogAuthorImg from "../../../assets/images/blog-author.png"; import blogAuthorImg from "../../../assets/images/blog-author.png";
@ -35,33 +33,35 @@ const BlogDesign1 = ({
<div className="w-2/5"> <div className="w-2/5">
<img src={blogImage} alt="" className="w-full h-full" /> <img src={blogImage} alt="" className="w-full h-full" />
</div> </div>
<div className="w-3/5 mr-4 flex flex-col justify-around"> <div className="w-3/5 mr-4 flex flex-col justify-between py-2">
<h2 className="text-sm text-justify text-grayTextColor"> <div>
آیا مواد غذای پر فیبر و مفید هستند؟ <h2 className="text-base text-justify text-grayTextColor">
</h2> آیا مواد غذای پر فیبر و مفید هستند؟
{blogExcerpt && ( </h2>
<p className="text-justify text-xs leading-6 my-1 text-grayTextColor"> {blogExcerpt && (
در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد <p className="text-justify text-sm leading-6 my-1 text-grayTextColor mt-3">
شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته
دیگران متوجه شوند. خواهد شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند
</p> کند تا دیگران متوجه شوند.
)} </p>
)}
</div>
<div className="flex item-center justify-between w-full mt-2"> <div className="flex item-center justify-between w-full mt-2">
{blogAuthor && ( {blogAuthor && (
<div className="flex items-center"> <div className="flex items-center">
<img src={blogAuthorImg} alt="" className="w-6 h-6" /> <img src={blogAuthorImg} alt="" className="w-8 h-8" />
<p className="text-xs text-lightGrayTextColor mr-2 font-light"> <p className="text-sm text-lightGrayTextColor mr-2 font-light">
حامد دژبانی نسب حامد دژبانی نسب
</p> </p>
</div> </div>
)} )}
{blogComments && ( {blogComments && (
<div className="flex items-center"> <div className="flex items-center">
<p className="text-xs text-lightGrayTextColor ml-2 font-light"> <p className="text-sm text-lightGrayTextColor ml-2 font-light">
زمان مطالعه 30 دقیقه زمان مطالعه 30 دقیقه
</p> </p>
<div className="relative"> <div className="relative">
<img src={commentIcon} alt="" className="w-6 h-6" /> <img src={commentIcon} alt="" className="w-7 h-7" />
<span <span
className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`} className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
> >

Loading…
Cancel
Save