CityCards/CityCards-Website
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change the border and field colors of recipient details in payment page

Browse Source
This commit is contained in:
aryabenade
2026-04-24 15:11:44 +05:30
parent 627137427d
commit 8a462b599e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/CartPage.tsx
View File

@@ -504,7 +504,7 @@ export function CartPage({
<div className="mb-8"> <div className="mb-8">
<h2 className="font-poppins text-2xl md:text-3xl lg:text-4xl leading-tight"> <h2 className="font-poppins text-2xl md:text-3xl lg:text-4xl leading-tight">
<span className="font-light">Your</span>{' '} <span className="font-light">Your</span>{' '}
<span className="font-bold italic bg-gradient-to-r from-[#F95F62] to-[#F95FAF] bg-clip-text text-transparent">Cart</span> <span className="font-bold italic bg-gradient-to-r from-[#F95F62] to-[#F95FAF] bg-clip-text text-transparent pr-2">Cart</span>
</h2> </h2>
<p className="font-poppins text-sm leading-relaxed font-normal text-[#8e8e8e] mt-1"> <p className="font-poppins text-sm leading-relaxed font-normal text-[#8e8e8e] mt-1">
{isEmpty ? 'Your cart is empty' : `${CartItems.length} ${CartItems.length === 1 ? 'item' : 'items'} in your cart`} {isEmpty ? 'Your cart is empty' : `${CartItems.length} ${CartItems.length === 1 ? 'item' : 'items'} in your cart`}

4
src/pages/PaymentDetailsPage.tsx
View File

@@ -123,7 +123,7 @@ function Field({
? 'border-[#F95F62] ring-2 ring-[#F95F62]/10' ? 'border-[#F95F62] ring-2 ring-[#F95F62]/10'
: prefilled : prefilled
? 'border-[#F95F62]/25 bg-[#F95F62]/[0.02]' ? 'border-[#F95F62]/25 bg-[#F95F62]/[0.02]'
: 'border-gray-200' : 'border-[#E4AFB1] bg-[#FFF5F5]'
}`} }`}
/> />
{prefilled && !focused && !disabled && ( {prefilled && !focused && !disabled && (
@@ -448,7 +448,7 @@ export function PaymentDetailsPage({
transition={{ duration: 0.25 }} transition={{ duration: 0.25 }}
className="overflow-hidden" className="overflow-hidden"
> >
<div className="bg-[#F95F62]/[0.03] border border-[#F95F62]/15 rounded-xl px-5 py-4 space-y-4"> <div className="border border-[#F95F62]/15 rounded-xl px-5 py-4 space-y-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Gift className="w-4 h-4 text-[#F95F62]" /> <Gift className="w-4 h-4 text-[#F95F62]" />
<h3 className="font-poppins text-base font-semibold text-[#2a2a2a]">Gift Recipient Details</h3> <h3 className="font-poppins text-base font-semibold text-[#2a2a2a]">Gift Recipient Details</h3>