enamad + fix size image order
This commit is contained in:
@@ -74,7 +74,7 @@ const ThankYouContent = () => {
|
||||
{/* آیکون موفقیت */}
|
||||
<div className="flex justify-center mb-6">
|
||||
<div className="bg-green-50 rounded-full p-5">
|
||||
<TickCircle size={64} className="text-green-500" variant="Bold" />
|
||||
<TickCircle color='green' size={64} className="text-green-500" variant="Bold" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -26,13 +26,15 @@ const OrderProducts: React.FC<OrderProductsProps> = ({ products }) => {
|
||||
{products.map((product) => (
|
||||
<SwiperSlide key={product.id} className='!w-[180px] sm:!w-[200px] lg:!w-[234px]'>
|
||||
<div className='flex w-[180px] sm:w-[200px] lg:w-[234px] h-[180px] sm:h-[200px] lg:h-[234px] flex-col p-4 sm:p-5 lg:p-7 items-center rounded-xl gap-2 border border-border'>
|
||||
<Image
|
||||
src={product.image}
|
||||
className='max-w-[100px] sm:max-w-[120px] lg:max-w-[140px] max-h-[100px] sm:max-h-[120px] lg:max-h-[140px] object-center'
|
||||
alt={product.name}
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
<div className='min-h-[100px]'>
|
||||
<Image
|
||||
src={product.image}
|
||||
className='max-w-[100px] sm:max-w-[120px] lg:max-w-[140px] max-h-[100px] object-contain'
|
||||
alt={product.name}
|
||||
width={100}
|
||||
height={100}
|
||||
/>
|
||||
</div>
|
||||
<div className='max-w-[160px] truncate h-full sm:max-w-[180px] lg:max-w-[200px] text-center text-xs sm:text-sm font-light mt-2 sm:mt-4'>
|
||||
{product.name}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user