georges/OMT-SM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update LoginPage.tsx

Browse Source
This commit is contained in:
ars128
2025-05-28 21:06:04 +05:30
committed by GitHub
parent c7e29fac6d
commit 66955137ce
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LoginPage.tsx
+14 -5
View File
@@ -57,14 +57,23 @@ export const LoginPage = ({ onLogin }: LoginPageProps) => {
return ( return (
<div className="min-h-screen flex"> <div className="min-h-screen flex">
{/* Left side with purple gradient */} {/* Left side with purple gradient */}
<div class="bg-gradient-to-br flex flex-1 items-center justify-center p-12 text-white" <div
style="--tw-gradient-from: #4C4895; --tw-gradient-to: #37337b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);"> className="bg-gradient-to-br flex flex-1 items-center justify-center p-12 text-white"
<div class="max-w-md"> style={{
<h1 class="text-4xl font-bold mb-4">Cash Management Dashboard</h1> '--tw-gradient-from': '#4C4895',
<p class="text-lg text-purple-100">Real-time Cash Reconciliation – Ensuring Accuracy &amp; Transparency</p> '--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>
</div> </div>
{/* Right side with login form */} {/* Right side with login form */}
<div className="flex-1 bg-white flex items-center justify-center p-12"> <div className="flex-1 bg-white flex items-center justify-center p-12">
<div className="w-full max-w-md"> <div className="w-full max-w-md">