danak/shop-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive

Browse Source
This commit is contained in:
hamid zarghami
2025-09-03 15:06:15 +03:30
parent 138f26e293
commit d051e7110a
33 changed files with 440 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/cart/shipping/page.tsx
+18 -16
View File
@@ -7,14 +7,14 @@ import { Location } from 'iconsax-react'
const CartShipping: NextPage = () => {
return (
<div className="mt-14 px-20">
<div className="mt-14 px-4 sm:px-6 lg:px-20">
<div className="mt-6 flex gap-6">
<div className="mt-6 flex flex-col lg:flex-row gap-6">
<div className='flex-1'>
<TitleBack title='آدرس و تایید جزئیات' />
<div className='mt-5 border border-border rounded-2xl p-6 flex justify-between items-center'>
<div className='flex gap-2 items-center'>
<Location size={20} color='#333333' className='min-w-5' />
<div className='mt-5 border border-border rounded-2xl p-4 sm:p-6 flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4'>
<div className='flex gap-2 items-start sm:items-center'>
<Location size={20} color='#333333' className='min-w-5 mt-1 sm:mt-0' />
<div className='text-xs text-[#7F7F7F]'>
<div>
آدرس تحویل سفارش
@@ -25,22 +25,24 @@ const CartShipping: NextPage = () => {
<div className='mt-2'>حمید ضرغامی</div>
</div>
</div>
<div className='text-primary text-sm'>ویرایش</div>
<div className='text-primary text-sm self-end sm:self-auto'>ویرایش</div>
</div>
<div className="flex-1 mt-5 border border-border p-5 rounded-2xl">
<div className="flex-1 mt-5 border border-border p-4 sm:p-5 rounded-2xl">
<CartItem noBorder />
<CartItem />
</div>
</div>
<CartSummary
itemsCount={3}
itemsPrice={580000}
discount={580000}
total={80580000}
confirmHref="/cart/payment"
confirmLabel="پرداخت"
className="w-[360px]"
/>
<div className="w-full lg:w-[360px] lg:flex-shrink-0">
<CartSummary
itemsCount={3}
itemsPrice={580000}
discount={580000}
total={80580000}
confirmHref="/cart/payment"
confirmLabel="پرداخت"
className="w-full"
/>
</div>
</div>
</div>
)