From a6fd7115ab7c3b94d56c367ac7f3b48c3c7325da Mon Sep 17 00:00:00 2001 From: mahdi Date: Sat, 1 Jan 2022 12:42:26 +0330 Subject: [PATCH] update --- src/App.js | 4 +- src/components/productDesign/ProductDesign.js | 104 +++++++++++------- tailwind.config.js | 3 + 3 files changed, 71 insertions(+), 40 deletions(-) diff --git a/src/App.js b/src/App.js index 11df16f..c8af198 100644 --- a/src/App.js +++ b/src/App.js @@ -15,7 +15,7 @@ import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1"; function App() { return (
- {/* */} + {/* */} {/* */} {/* */} @@ -26,7 +26,7 @@ function App() { {/* */} {/* */} {/* */} - + {/* */}
); } diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js index e06f336..ed3d814 100644 --- a/src/components/productDesign/ProductDesign.js +++ b/src/components/productDesign/ProductDesign.js @@ -22,6 +22,11 @@ const ProductDesign = ({ productTags, priceDirection, productTitleAlignment, + priceHolder, + productHolderBorder, + productHolderBorderColor, + productTitleColor, + productCat, }) => { return (
@@ -66,7 +71,9 @@ const ProductDesign = ({ {/* product UI Design */}
-
+
{discountPricePercent && (
@@ -101,16 +108,21 @@ const ProductDesign = ({

نسخه چاپی علموم تجربه هفتم

{productContent && ( -

+

این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب دیگری نیز دارد.

)} + {productCat && ( + + پایه سوم + + )}
{star && (
@@ -120,36 +132,38 @@ const ProductDesign = ({
)} -
- {/* price */} -
-
+ {/* price */} +
+
+ قیمت + {discountPrice && ( +

+ 145تومان +

+ )} +
+

+ 145.000تومان +

+
+ {/* add to cart */} +
-

- 145.000تومان -

+ اضافه کردن به سبد خرید +
- {/* add to cart */} - -
+ )} {productTags && (
)} +
+
+
@@ -172,15 +189,26 @@ const ProductDesign = ({ export default ProductDesign; +// text colors i used for product title: +// text-darkCrimsonTextColor +// text-productTitle + ProductDesign.defaultProps = { - colors: true, - likeBtn: true, - discount: true, - discountPricePercent: true, - discountPrice: true, - productContent: true, - star: true, - productTags: true, + colors: false, + likeBtn: false, + discount: false, + discountPricePercent: false, + discountPrice: false, + productContent: false, + star: false, + productTags: false, + priceHolder: false, + productCat: true, + productTitleColor: "text-darkCrimsonTextColor", + productHolderBorder: "border-0", + productHolderBorderColor: "border-grayBorderColor", priceDirection: "flex-row", productTitleAlignment: "text-justify", }; + +// border-2 border-productDesignBorderColor diff --git a/tailwind.config.js b/tailwind.config.js index b119626..61494ab 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -26,6 +26,7 @@ module.exports = { lightBlueTextColor: "#06BACE", darkBlueTextColor: "#0615CE", darkRedTextColor: "#CE3B06", + darkCrimsonTextColor: "#05335F", }), backgroundColor: (theme) => ({ ...theme("colors"), @@ -48,6 +49,8 @@ module.exports = { lightSkyBlueBookBg: "#B2D6EE", darkNavyBlueBookBg: "#0E0E0E", darkCrimsonBgColor: "#132F52", + rangeBgColor: "#D3E9FF", + rangeFillBgColor: "#68A8E6", }), borderColor: (theme) => ({ ...theme("colors"),