styling fixes
This commit is contained in:
@@ -345,14 +345,14 @@ export default function PayInvoiceModal({
|
||||
disabled={loading}
|
||||
className={`flex-1 flex items-center justify-center gap-2 px-4 py-3 rounded-lg border-2 transition-all ${
|
||||
selectedOption === 'paypal'
|
||||
? 'border-[#0070ba] bg-blue-50 dark:bg-blue-900/20 text-[#0070ba] dark:text-blue-300'
|
||||
? 'border-brand-500 bg-brand-50 dark:bg-brand-900/20 text-brand-700 dark:text-brand-300'
|
||||
: 'border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 text-gray-700 dark:text-gray-300'
|
||||
}`}
|
||||
>
|
||||
<WalletIcon className={`w-5 h-5 ${selectedOption === 'paypal' ? 'text-[#0070ba]' : 'text-gray-500'}`} />
|
||||
<WalletIcon className={`w-5 h-5 ${selectedOption === 'paypal' ? 'text-brand-600' : 'text-gray-500'}`} />
|
||||
<span className="font-medium">PayPal</span>
|
||||
{isDefaultMethod('paypal') && (
|
||||
<span className="ml-1 px-1.5 py-0.5 text-xs font-medium rounded bg-blue-100 dark:bg-blue-800 text-blue-700 dark:text-blue-200">
|
||||
<span className="ml-1 px-1.5 py-0.5 text-xs font-medium rounded bg-brand-100 dark:bg-brand-800 text-brand-700 dark:text-brand-200">
|
||||
Default
|
||||
</span>
|
||||
)}
|
||||
@@ -429,12 +429,12 @@ export default function PayInvoiceModal({
|
||||
{selectedOption === 'bank_transfer' && isPakistan && (
|
||||
<form onSubmit={handleBankSubmit} className="space-y-4">
|
||||
{/* Bank Details */}
|
||||
<div className="p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800">
|
||||
<h4 className="font-medium text-blue-900 dark:text-blue-100 mb-2 flex items-center gap-2">
|
||||
<div className="p-4 bg-brand-50 dark:bg-brand-900/20 rounded-lg border border-brand-200 dark:border-brand-800">
|
||||
<h4 className="font-medium text-brand-900 dark:text-brand-100 mb-2 flex items-center gap-2">
|
||||
<Building2Icon className="w-5 h-5" />
|
||||
Bank Transfer Details
|
||||
</h4>
|
||||
<div className="text-sm text-blue-800 dark:text-blue-200 space-y-1">
|
||||
<div className="text-sm text-brand-800 dark:text-brand-200 space-y-1">
|
||||
<p><span className="font-medium">Bank:</span> Standard Chartered Bank Pakistan</p>
|
||||
<p><span className="font-medium">Account Title:</span> IGNY8 Technologies</p>
|
||||
<p><span className="font-medium">Account #:</span> 01-2345678-01</p>
|
||||
|
||||
Reference in New Issue
Block a user