-
- زمان مطالعه 30 دقیقه
+
+ {blogComments}
-
-
-
- 26
+
+
+
+ {commentNum}
@@ -70,12 +55,17 @@ const BlogDesign1 = ({
export default BlogDesign1;
BlogDesign1.defaultProps = {
- blogExcerpt: true,
- blogAuthor: true,
- blogComments: true,
+ blogTitle: `آیا مواد غذای پر فیبر و مفید هستند؟`,
+ blogExcerpt: `در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد
+ شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا
+ دیگران متوجه شوند.
+`,
+ blogAuthor: `حامد دژبانی نسب`,
+ blogComments: `زمان مطالعه 30 دقیقه`,
+ commentNum: `26`,
+
+ featuredImage: "images/blog-featured-image.jpg",
+ commentIcon: "images/light-gray-comment-icon.svg",
- commentNumBgColor: "bg-[#818181]",
- commentNumTextColor: "text-white",
- commentNumTopPosition: "-top-2",
- commentNumRightPosition: "-right-2",
+ commentClassname: "bg-[#818181] text-white -top-2 -right-2",
};
diff --git a/src/index.scss b/src/index.scss
index 7b9ab70..34c1193 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -28,15 +28,6 @@ body {
direction: ltr;
}
-.comment-num {
- font-size: 8px;
- padding-top: 4px;
- padding-bottom: 2px;
- padding-left: 4px;
- padding-right: 4px;
- border-radius: 50%;
-}
-
// TODO Start FormInput Component
.rmdp-container {
diff --git a/src/redux/data.js b/src/redux/data.js
index 911a531..1bb775b 100644
--- a/src/redux/data.js
+++ b/src/redux/data.js
@@ -7,6 +7,7 @@ import Alert from "../components/Alert";
import Toast from "../components/Toast";
import Banners from "../components/Banners";
import Blogss from "../components/Blogss";
+import CardTrelloDesign from "../components/CardTrelloDesign";
// import ButtonDesign from "./components/buttonDesign/ButtonDesign";
// import ProductDesign from "./components/productDesign/ProductDesign";
@@ -188,6 +189,16 @@ const components = [
code: null,
},
},
+ {
+ name: "Card",
+ author: "Andalib",
+ props: [],
+ content: {
+ name: "Card Designs",
+ component:
,
+ code: null,
+ },
+ },
];
export default components;