From 66955137ce70452eea0f09f1d05d5f2c1bfa7596 Mon Sep 17 00:00:00 2001
From: ars128 <87410820+ars128@users.noreply.github.com>
Date: Wed, 28 May 2025 21:06:04 +0530
Subject: [PATCH] Update LoginPage.tsx

---
 src/components/LoginPage.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/LoginPage.tsx b/src/components/LoginPage.tsx
index e482abd..3b0562f 100644
--- a/src/components/LoginPage.tsx
+++ b/src/components/LoginPage.tsx
@@ -57,14 +57,23 @@ export const LoginPage = ({ onLogin }: LoginPageProps) => {
   return (
     <div className="min-h-screen flex">
       {/* Left side with purple gradient */}
-      <div class="bg-gradient-to-br flex flex-1 items-center justify-center p-12 text-white"
-           style="--tw-gradient-from: #4C4895; --tw-gradient-to: #37337b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);">
-        <div class="max-w-md">
-          <h1 class="text-4xl font-bold mb-4">Cash Management Dashboard</h1>
-          <p class="text-lg text-purple-100">Real-time Cash Reconciliation – Ensuring Accuracy &amp; Transparency</p>
+      <div
+        className="bg-gradient-to-br flex flex-1 items-center justify-center p-12 text-white"
+        style={{
+          '--tw-gradient-from': '#4C4895',
+          '--tw-gradient-to': '#37337b',
+          '--tw-gradient-stops': 'var(--tw-gradient-from), var(--tw-gradient-to)',
+        } as React.CSSProperties}
+      >
+        <div className="max-w-md">
+          <h1 className="text-4xl font-bold mb-4">Cash Management Dashboard</h1>
+          <p className="text-lg text-purple-100">
+            Real-time Cash Reconciliation – Ensuring Accuracy &amp; Transparency
+          </p>
         </div>
       </div>
 
+
       {/* Right side with login form */}
       <div className="flex-1 bg-white flex items-center justify-center p-12">
         <div className="w-full max-w-md">