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"; | ||||
| 
 | ||||
| const Banners = ({ | ||||
|     mainBanner, | ||||
|     leftBanner, | ||||
|     midTopBanner, | ||||
|     midBottomBanner, | ||||
| }) => { | ||||
|     return ( | ||||
|         <div className="flex w-full justify-between" style={{ | ||||
|             height: '400px' | ||||
|         }}> | ||||
|             <div className={`h-full w-1/2 rounded-xl flex items-center`} style={{ | ||||
|                 background: mainBanner ? '' : 'rgba(134,160,185,0.16)', | ||||
| 
 | ||||
|             }}> | ||||
| 
 | ||||
|                 <img src={mainBanner} className="rounded-xl h-full" /> | ||||
| 
 | ||||
|             </div> | ||||
|             <div className="flex h-full w-1/2 "> | ||||
|                 <div className="flex flex-col w-1/2 h-full px-6 justify-center items-between"> | ||||
| 
 | ||||
|                     <div className={`${midTopBanner ? '' : 'h-1/2 '} w-full rounded-xl mb-2`} | ||||
|                         style={{ | ||||
|                             background: midTopBanner ? '' : 'rgba(134,160,185,0.16)', | ||||
| 
 | ||||
|                         }} | ||||
|                     > | ||||
| 
 | ||||
|                         <img src={midTopBanner} className="rounded-xl" /> | ||||
|                     </div> | ||||
|                     <div className={`${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" /> | ||||
| 
 | ||||
|                     </div> | ||||
| 
 | ||||
|                 </div> | ||||
|                 <div className=" h-full w-1/2 rounded-xl" | ||||
|                     style={{ | ||||
|                         background: leftBanner ? '' : 'rgba(134,160,185,0.16)', | ||||
| 
 | ||||
|                     }} | ||||
|                 > | ||||
|                     <img src={leftBanner} className="rounded-xl" /> | ||||
| 
 | ||||
|                 </div> | ||||
|             </div> | ||||
| const Banners = ({ mainBanner, leftBanner, midTopBanner, midBottomBanner }) => { | ||||
|   return ( | ||||
|     <div | ||||
|       className="w-full flex justify-between" | ||||
|       style={{ | ||||
|         height: "400px", | ||||
|       }} | ||||
|     > | ||||
|       <div | ||||
|         className={`w-1/2 h-full flex items-center rounded-xl`} | ||||
|         style={{ | ||||
|           background: mainBanner ? "" : "rgba(134,160,185,0.16)", | ||||
|         }} | ||||
|       > | ||||
|         <img src={mainBanner} className="h-full rounded-xl" alt="banner" /> | ||||
|       </div> | ||||
|       <div className="w-1/2 h-full flex"> | ||||
|         <div className="w-1/2 h-full flex flex-col justify-center items-between px-6"> | ||||
|           <div | ||||
|             className={`${midTopBanner ? "" : "h-1/2 "} w-full rounded-xl mb-2`} | ||||
|             style={{ | ||||
|               background: midTopBanner ? "" : "rgba(134,160,185,0.16)", | ||||
|             }} | ||||
|           > | ||||
|             <img | ||||
|               src={midTopBanner} | ||||
|               className="rounded-xl" | ||||
|               alt="mid-top-banner" | ||||
|             /> | ||||
|           </div> | ||||
|           <div | ||||
|             className={`${ | ||||
|               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" | ||||
|               alt="mid-bottom-banner" | ||||
|             /> | ||||
|           </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