diff --git a/src/App.js b/src/App.js index 73a145e..574f942 100644 --- a/src/App.js +++ b/src/App.js @@ -22,13 +22,13 @@ function App() { {/* */} {/* */} {/* */} - - - - - - - {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + ); } diff --git a/src/components/Header/desgin1/HeaderDesign1.js b/src/components/Header/desgin1/HeaderDesign1.js index 30a6441..3ade6ef 100644 --- a/src/components/Header/desgin1/HeaderDesign1.js +++ b/src/components/Header/desgin1/HeaderDesign1.js @@ -38,6 +38,8 @@ const HeaderDesign1 = ({ whiteIconCart, whiteIconHamburgerMenu, darkIconHamburgerMenu, + headerDivider, + headerDividerColor, }) => { return (
)} + {headerDivider && ( +
+ )}
@@ -113,7 +118,7 @@ const HeaderDesign1 = ({
@@ -152,6 +157,9 @@ const HeaderDesign1 = ({ )} + {headerDivider && ( +
+ )} {bottomHeader && (
@@ -234,6 +242,9 @@ HeaderDesign1.defaultProps = { btnPY: "py-2", btnPX: "px-8", + headerDivider: true, + headerDividerColor: "border-lightGrayBorderColor", + topHeader: true, bottomHeader: true, @@ -244,7 +255,7 @@ HeaderDesign1.defaultProps = { // icons loginBtn: false, - whiteIconCart: true, + whiteIconCart: false, darkCrimsonIconCart: false, whiteIconHamburgerMenu: false, diff --git a/tailwind.config.js b/tailwind.config.js index 217c86c..aeffba1 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -60,6 +60,7 @@ module.exports = { productDesignBorderColor: "#F3F3F3", lightBlueBorderColor: "#06BACE", grayBorderColor: "#C3C3C3", + lightGrayBorderColor: "#DBDBDB88", lightOrangeBorderColor: "#F7B605", lightYellowBorderColor: "#CFFF2D", lightGreenBorderColor: "#5DCE06",