From ced446378ac48fe0a1cbedf568d7fcc376a7e74a Mon Sep 17 00:00:00 2001 From: mahdi Date: Sat, 1 Jan 2022 16:14:19 +0330 Subject: [PATCH] update --- src/App.js | 22 +++++++-------- src/components/Blogs/design3/BlogDesign3.js | 28 +++++++++++++++---- .../vodProductDesign/VodProductDesign.js | 12 ++++++-- tailwind.config.js | 1 + 4 files changed, 44 insertions(+), 19 deletions(-) diff --git a/src/App.js b/src/App.js index 19de82f..5adddaa 100644 --- a/src/App.js +++ b/src/App.js @@ -18,17 +18,17 @@ function App() {
- - - - - - - - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */}
); } diff --git a/src/components/Blogs/design3/BlogDesign3.js b/src/components/Blogs/design3/BlogDesign3.js index 78c3524..5e8d080 100644 --- a/src/components/Blogs/design3/BlogDesign3.js +++ b/src/components/Blogs/design3/BlogDesign3.js @@ -5,7 +5,13 @@ import blogAuthorImg from "../../../assets/images/blog-author.png"; import commentIcon from "../../../assets/icons/black-comment-icon.svg"; -const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => { +const BlogDesign3 = ({ + blogSubTitle, + blogAuthor, + blogComments, + blogTitleColor, + blogCommentAuthorTextColor, +}) => { return (
{/* title holder */} @@ -36,11 +42,11 @@ const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => { > {/* */}
-

+

آیا مواد غذای پر فیبر و مفید هستند؟

{blogSubTitle && ( -

+

نظر شما چیه

)} @@ -48,14 +54,18 @@ const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => { {blogAuthor && (
-

+

حامد دژبانی نسب

)} {blogComments && (
-

+

زمان مطالعه 30 دقیقه

@@ -70,7 +80,15 @@ const BlogDesign3 = ({ blogSubTitle, blogAuthor, blogComments }) => { export default BlogDesign3; +//different text colors i used: +// text-darkBlueTextColor2 +// text-productTitle +// text-lightGrayTextColor + BlogDesign3.defaultProps = { + blogTitleColor: "text-darkBlueTextColor2", + blogCommentAuthorTextColor: "text-darkBlueTextColor2", + blogSubTitle: true, blogAuthor: true, blogComments: true, diff --git a/src/components/vodProductDesign/VodProductDesign.js b/src/components/vodProductDesign/VodProductDesign.js index 826d1a1..090903d 100644 --- a/src/components/vodProductDesign/VodProductDesign.js +++ b/src/components/vodProductDesign/VodProductDesign.js @@ -39,9 +39,15 @@ const VodProductDesign = ({
{/* title holder */}
-

- inside vodProductDesign component -

+

طراحی محصولات vod

+
+
+

+ آدرس: + + vodProductDesign + +

{/* product UI Design */}
diff --git a/tailwind.config.js b/tailwind.config.js index a5c0f55..217c86c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -25,6 +25,7 @@ module.exports = { lightPurpleTextColor: "#A680FF", lightBlueTextColor: "#06BACE", darkBlueTextColor: "#0615CE", + darkBlueTextColor2: "#235A90", darkRedTextColor: "#CE3B06", darkCrimsonTextColor: "#05335F", }),