From 206f292dd9a823678e75f873d54163d8cf3b5691 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Tue, 30 May 2023 20:14:48 -0400 Subject: [PATCH 1/2] slider cards --- src/components/Cards/HomeBannerOffersCard.jsx | 17 ++++++++++++----- src/components/Home/HomeSliders.jsx | 6 +++--- src/index.css | 11 ++++++++++- 3 files changed, 25 insertions(+), 9 deletions(-) diff --git a/src/components/Cards/HomeBannerOffersCard.jsx b/src/components/Cards/HomeBannerOffersCard.jsx index 5473a9d..1752a73 100644 --- a/src/components/Cards/HomeBannerOffersCard.jsx +++ b/src/components/Cards/HomeBannerOffersCard.jsx @@ -3,24 +3,31 @@ import { Link } from "react-router-dom"; import localImgLoad from "../../lib/localImgLoad"; export default function HomeBannerOffersCard(props) { - console.log("HomeBannerOffersCard->",props.itemData) + console.log("HomeBannerOffersCard-> ##->",props) + const link_result = "/" + props.itemData.link_path; return (
-
-

+
+

<>{props.itemData.title}

{/**/}

- {props.itemData.description} +
+ {props.itemData.description} +
+
+ [BUTTON HERE] +
+
); diff --git a/src/components/Home/HomeSliders.jsx b/src/components/Home/HomeSliders.jsx index d920582..ce3743f 100644 --- a/src/components/Home/HomeSliders.jsx +++ b/src/components/Home/HomeSliders.jsx @@ -19,9 +19,9 @@ export default function HomeSliders(props) {
slider
-
- slider -
+ {/*
*/} + {/* slider*/} + {/*
*/} {props.bannerList.map((item, index) => (
Date: Tue, 30 May 2023 20:47:26 -0400 Subject: [PATCH 2/2] slider styles --- src/index.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index c9dc734..f5e1d62 100644 --- a/src/index.css +++ b/src/index.css @@ -10,7 +10,7 @@ src: url("./assets/fonts/Product Sans Bold.ttf"); } .siderCardHeader{ - margin: 40px; + margin: 40px 40px 10px 40px; } .siderCardDescription{ margin: 30px; @@ -18,6 +18,8 @@ } .siderCardButton{ margin-top: 10px; + width: 100%; + text-align: center; } .offer-slide-item{ background: rgb(2,0,36);