styling fixes

This commit is contained in:
IGNY8 VPS (Salman)
2026-01-19 23:34:41 +00:00
parent 375863b157
commit 9d4aa32f9e
21 changed files with 174 additions and 75 deletions

View File

@@ -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>