34 lines
No EOL
1.4 KiB
TypeScript
34 lines
No EOL
1.4 KiB
TypeScript
const OrderPaymentSticky = () => {
|
||
return (
|
||
<div className="fixed bottom-0 left-0 right-0 z-50 bg-background border-t border-gray-100 w-full">
|
||
<div className="px-5 pt-5 pb-3 max-w-sm mx-auto w-full">
|
||
<div className="flex items-center justify-between mb-4">
|
||
<div className="flex flex-col items-start">
|
||
<span className="text-lg font-medium text-foreground">
|
||
مبلغ پرداختی
|
||
</span>
|
||
<span className="text-xs font-normal text-gray-700">
|
||
پرداخت از کیف پول
|
||
</span>
|
||
</div>
|
||
<span className="text-lg font-medium text-foreground">
|
||
1000000 تومان
|
||
</span>
|
||
</div>
|
||
|
||
<button
|
||
type="button"
|
||
className="w-full h-12 rounded-xl border border-error bg-background text-error text-[15px] font-medium active:scale-[0.98] transition-transform cursor-pointer"
|
||
>
|
||
پرداخت از کیف پول
|
||
</button>
|
||
</div>
|
||
|
||
<div className="flex justify-center pb-2">
|
||
<div className="w-[134px] h-[5px] rounded-full bg-gray-300" />
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default OrderPaymentSticky |