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/payment/page.tsx
+15 -13
View File
@@ -7,17 +7,17 @@ import DiscountCard from '../components/DiscountCard'
const CartPayment: NextPage = () => {
return (
<div className="mt-14 px-20">
<div className="mt-14 px-4 sm:px-8 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='پرداخت' />
<DiscountCard
/>
<div className='mt-5 border border-border rounded-2xl p-6 font-light'>
<div className='mt-5 border border-border rounded-2xl p-4 sm:p-6 font-light'>
<div>انتخاب روش پرداخت</div>
<div className='mt-10 text-[#333333] font-light'>
<div className='mt-6 sm:mt-10 text-[#333333] font-light'>
<RadioGroup defaultValue="option-one">
<div className="flex items-center gap-2">
<RadioGroupItem value="option-one" id="option-one" />
@@ -31,15 +31,17 @@ const CartPayment: NextPage = () => {
</div>
</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>
)