feat(Menu,Lang,Image): fix bug menu and change lang and set images
This commit is contained in:
@@ -1,15 +1,14 @@
|
||||
import Image from 'next/image'
|
||||
import productpic from '../public/productpic.webp'
|
||||
|
||||
export default function ProductCard({ image, desc }) {
|
||||
return (
|
||||
<div className="bg-red-950 w-fit flex flex-col mx-2 sm:mx-4" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
|
||||
<div className="flex justify-center rounded-t-2xl w-full bg-white">
|
||||
<Image alt="" src={image} width={500} height={500} className="object-cover object-center"/>
|
||||
<div className="flex w-[230px] shrink-0 flex-col overflow-hidden rounded-lg bg-red-950 sm:w-[270px] lg:w-[300px]" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
|
||||
<div className="flex aspect-square w-full items-center justify-center bg-white p-4">
|
||||
<Image alt="" src={image} width={500} height={500} className="h-full w-full object-contain object-center"/>
|
||||
</div>
|
||||
<div className="bg-red-950 text-white text-sm sm:text-md p-4 sm:p-8">
|
||||
<p>{ desc }</p>
|
||||
<div className="flex min-h-24 items-center bg-red-950 p-4 text-sm text-white sm:p-6 sm:text-md">
|
||||
<p className="line-clamp-3">{ desc }</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user