diff --git a/src/app/(main)/accounts/account_details/page.tsx b/src/app/(main)/accounts/account_details/page.tsx index 99eabe8..6513fda 100644 --- a/src/app/(main)/accounts/account_details/page.tsx +++ b/src/app/(main)/accounts/account_details/page.tsx @@ -106,12 +106,13 @@ export default function App() { }); const data: accountData[] = await response.json(); + console.log(data); if (response.ok && Array.isArray(data)) { const matched = data.find((acc) => acc.stAccountNo === accNo); if (matched) { if (matched.stAccountType.toUpperCase().includes("LN")) { matched.stApprovedAmount = ( - parseFloat(matched.stAvailableBalance) + 20000 + parseFloat(matched.stApprovedAmount ?? "0") ).toFixed(2); } setAccountDetails(matched); diff --git a/src/app/ValidateUser/page.module.css b/src/app/ValidateUser/page.module.css new file mode 100644 index 0000000..ffc368f --- /dev/null +++ b/src/app/ValidateUser/page.module.css @@ -0,0 +1,74 @@ +.header { + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 100; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0.8rem 2rem; + background: linear-gradient( + 15deg, + rgba(10, 114, 40, 1) 55%, + rgba(101, 101, 184, 1) 100% + ); + flex-wrap: wrap; +} + +.headerLogo { + width: 60px; +} + +.headerText { + display: flex; + flex-direction: column; + flex: 1; +} + +.desktopText { + color: white; + font-family: Roboto, sans-serif; + font-size: 1.5rem; + line-height: 1.2; +} + +.desktopAddress { + font-family: Roboto, sans-serif; + color: white; + font-size: 0.9rem; + margin-top: 0.25rem; +} + +.mobileText { + display: none; + color: white; + font-family: Roboto, sans-serif; + font-size: 0.9rem; + text-align: center; +} + +@media screen and (max-width: 768px) { + .header { + justify-content: center; + padding: 0.5rem 0.75rem; + } + + .headerLogo { + width: 50px; + margin-bottom: 0.5rem; + } + + .headerText { + text-align: center; + } + + .desktopText, + .desktopAddress { + display: none; + } + + .mobileText { + display: block; + } +} diff --git a/src/app/ValidateUser/page.tsx b/src/app/ValidateUser/page.tsx index a4feaa7..56fb9db 100644 --- a/src/app/ValidateUser/page.tsx +++ b/src/app/ValidateUser/page.tsx @@ -120,19 +120,20 @@ export default function ValidateUser() {