build(deps): update package.json, src/components/AddToCart/index.js, src/components/Banners/index.js and yarn.lock
parent
a95c47ddba
commit
d8331b1f7c
4 changed files with 10815 additions and 11184 deletions
@ -1,60 +1,61 @@ |
|||||||
import React from "react"; |
import React from "react"; |
||||||
|
|
||||||
const Banners = ({ |
const Banners = ({ mainBanner, leftBanner, midTopBanner, midBottomBanner }) => { |
||||||
mainBanner, |
return ( |
||||||
leftBanner, |
<div |
||||||
midTopBanner, |
className="w-full flex justify-between" |
||||||
midBottomBanner, |
style={{ |
||||||
}) => { |
height: "400px", |
||||||
return ( |
}} |
||||||
<div className="flex w-full justify-between" style={{ |
> |
||||||
height: '400px' |
<div |
||||||
}}> |
className={`w-1/2 h-full flex items-center rounded-xl`} |
||||||
<div className={`h-full w-1/2 rounded-xl flex items-center`} style={{ |
style={{ |
||||||
background: mainBanner ? '' : 'rgba(134,160,185,0.16)', |
background: mainBanner ? "" : "rgba(134,160,185,0.16)", |
||||||
|
}} |
||||||
}}> |
> |
||||||
|
<img src={mainBanner} className="h-full rounded-xl" alt="banner" /> |
||||||
<img src={mainBanner} className="rounded-xl h-full" /> |
</div> |
||||||
|
<div className="w-1/2 h-full flex"> |
||||||
</div> |
<div className="w-1/2 h-full flex flex-col justify-center items-between px-6"> |
||||||
<div className="flex h-full w-1/2 "> |
<div |
||||||
<div className="flex flex-col w-1/2 h-full px-6 justify-center items-between"> |
className={`${midTopBanner ? "" : "h-1/2 "} w-full rounded-xl mb-2`} |
||||||
|
style={{ |
||||||
<div className={`${midTopBanner ? '' : 'h-1/2 '} w-full rounded-xl mb-2`} |
background: midTopBanner ? "" : "rgba(134,160,185,0.16)", |
||||||
style={{ |
}} |
||||||
background: midTopBanner ? '' : 'rgba(134,160,185,0.16)', |
> |
||||||
|
<img |
||||||
}} |
src={midTopBanner} |
||||||
> |
className="rounded-xl" |
||||||
|
alt="mid-top-banner" |
||||||
<img src={midTopBanner} className="rounded-xl" /> |
/> |
||||||
</div> |
</div> |
||||||
<div className={`${midBottomBanner ? '' : 'h-1/2 '} w-full rounded-xl mt-2`} |
<div |
||||||
style={{ |
className={`${ |
||||||
background: midBottomBanner ? '' : 'rgba(134,160,185,0.16)', |
midBottomBanner ? "" : "h-1/2 " |
||||||
|
} w-full rounded-xl mt-2`}
|
||||||
}} |
style={{ |
||||||
> |
background: midBottomBanner ? "" : "rgba(134,160,185,0.16)", |
||||||
|
}} |
||||||
<img src={midBottomBanner} className="rounded-xl" /> |
> |
||||||
|
<img |
||||||
</div> |
src={midBottomBanner} |
||||||
|
className="rounded-xl" |
||||||
</div> |
alt="mid-bottom-banner" |
||||||
<div className=" h-full w-1/2 rounded-xl" |
/> |
||||||
style={{ |
</div> |
||||||
background: leftBanner ? '' : 'rgba(134,160,185,0.16)', |
|
||||||
|
|
||||||
}} |
|
||||||
> |
|
||||||
<img src={leftBanner} className="rounded-xl" /> |
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
) |
<div |
||||||
} |
className="w-1/2 h-full rounded-xl" |
||||||
|
style={{ |
||||||
|
background: leftBanner ? "" : "rgba(134,160,185,0.16)", |
||||||
|
}} |
||||||
|
> |
||||||
|
<img src={leftBanner} className="rounded-xl" alt="left-banner" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
||||||
|
|
||||||
export default Banners; |
export default Banners; |
Loading…
Reference in new issue