fix: text decoration and styling

dscnitrourkela · Apr 15, 2024 · 67ca5d9 · 67ca5d9
1 parent 9e88703
commit 67ca5d9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/src/components/payment/Final.jsx b/src/components/payment/Final.jsx
@@ -49,15 +49,20 @@ function Final() {
 									setisUPI(true);
 								}}
 								style={{ zIndex: 9 }}>
-								Bank Transaction
+								{' '}
+								<Paragraph variant='body3' className='text-center m-0 p-0'>
+									Bank Transaction{' '}
+								</Paragraph>
 							</button>
 							<button
 								className={`px-4 py-1 rounded-2xl ${!isUPI ? 'border-2 border-black bg-orange-500 text-white' : 'bg-white text-black'}`}
 								onClick={() => {
 									setisUPI(false);
 								}}
 								style={{ zIndex: 9 }}>
-								Via UPI using QR
+								<Paragraph variant='body3' className='text-center m-0 p-0'>
+									Via UPI using QR{' '}
+								</Paragraph>
 							</button>
 						</div>
 					</div>
@@ -73,7 +78,7 @@ function Final() {
 				/>
 			</div>
 
-			<Heading variant='body3' className='text-primary-foreground flex justify-center'>
+			<Heading variant='body3' className='text-primary-foreground flex justify-center my-8 italic'>
 				{Contactorg}
 			</Heading>
 		</>

diff --git a/src/components/payment/Payment.jsx b/src/components/payment/Payment.jsx
@@ -8,12 +8,13 @@ export const PaymentCont = () => {
 			<div className='container px-4 lg:px-0 flex justify-center items-center'>
 				<div className='p-4 w-full lg:w-3/4'>
 					<Paragraph variant='body3' className='text-center mb-8 lg:mb-4 mt-11'>
-						Preferred method: Transfer funds from your bank to our CURRENT account
+						<b>Preferred method:</b> Transfer funds from your bank to our CURRENT account
 					</Paragraph>
 					<div className='flex flex-col items-center'>
 						{Paymentdata.map((item, index) => (
 							<Paragraph variant='body3' key={index} className='text-center lg:mb-4'>
-								{item}
+								{item[0]}
+								<b>{item[1]}</b>
 							</Paragraph>
 						))}
 					</div>
@@ -30,7 +31,7 @@ export const UPI = () => {
 				<div className='border border-black p-4 w-1/2'>
 					<div className='flex flex-col items-center'>
 						{UPIdata.slice(0, 1).map((item, index) => (
-							<Paragraph variant='body3' key={index} className='text-center lg:mb-4'>
+							<Paragraph variant='body3' key={index} className='text-center font-bold lg:mb-4'>
 								{item}
 							</Paragraph>
 						))}
@@ -40,7 +41,7 @@ export const UPI = () => {
 							className='w-64 h-64 object-cover'
 						/>
 						{UPIdata.slice(1).map((item, index) => (
-							<Paragraph variant='body3' key={index} className='text-center lg:mb-4'>
+							<Paragraph variant='body3' key={index} className='text-center font-bold	lg:mb-4'>
 								{item}
 							</Paragraph>
 						))}

diff --git a/src/data/paymentData.js b/src/data/paymentData.js
@@ -1,10 +1,10 @@
 export const Paymentdata = [
-	'Bank: State Bank of India',
-	'Account name:NIT Rourkela 1998 Alumni',
-	'Account number:41728775160(Current Account)',
-	'IFSC Code:SBIN0002109',
-	'MICR Code:769002007',
-	'Branch Code: 002109',
+	['Bank: ', 'State Bank of India'],
+	['Account name: ', 'NIT Rourkela 1998 Alumni'],
+	['Account number: ', '41728775160(Current Account)'],
+	['IFSC Code: ', 'SBIN0002109'],
+	['MICR Code: ', '769002007'],
+	['Branch Code: ', '002109'],
 ];
 
 export const UPIdata = ['SCAN and PAY', 'NIT ROURKELA 1999 ALUMNI', 'UPI ID:41728775160@SBI'];