lorentz/seubert-claims
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Login: remove white card, blend form into gold background

Browse source
This commit is contained in:
lorentz 2026-04-14 12:46:51 +00:00
parent ca868f5226
commit a4bc1bfe4f
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ondeck/src/app/auth/signin/page.tsx
View file

@ -25,7 +25,7 @@ export default function SignInPage() {
{/* Right panel — form */} {/* Right panel — form */}
<div className="flex-1 flex flex-col items-center justify-center px-6 py-12" style={{ backgroundColor: '#D6A620' }}> <div className="flex-1 flex flex-col items-center justify-center px-6 py-12" style={{ backgroundColor: '#D6A620' }}>
<div className="w-full max-w-sm bg-white rounded-2xl shadow-xl px-8 py-10"> <div className="w-full max-w-sm">
{/* Logo — road icon on desktop, color logo on mobile */} {/* Logo — road icon on desktop, color logo on mobile */}
<div className="flex justify-center mb-8 lg:mb-10"> <div className="flex justify-center mb-8 lg:mb-10">
{/* eslint-disable-next-line @next/next/no-img-element */} {/* eslint-disable-next-line @next/next/no-img-element */}
@ -35,7 +35,7 @@ export default function SignInPage() {
</div> </div>
<div className="mb-8 text-center"> <div className="mb-8 text-center">
<h1 className="text-2xl font-bold text-gray-900">Welcome back</h1> <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-900">Welcome back</h1>
</div> </div>
<SignInForm /> <SignInForm />

6
ondeck/src/components/auth/signin-form.tsx
View file

@ -58,10 +58,10 @@ export function SignInForm() {
{/* Divider */} {/* Divider */}
<div className="relative"> <div className="relative">
<div className="absolute inset-0 flex items-center"> <div className="absolute inset-0 flex items-center">
<span className="w-full border-t border-gray-200" /> <span className="w-full border-t border-black/20" />
</div> </div>
<div className="relative flex justify-center text-xs"> <div className="relative flex justify-center text-xs">
<span className="bg-white px-3 text-gray-400">or</span> <span className="px-3 text-black/50" style={{ backgroundColor: '#D6A620' }}>or</span>
</div> </div>
</div> </div>
@ -70,7 +70,7 @@ export function SignInForm() {
<button <button
type="button" type="button"
onClick={() => setShowLocal(true)} onClick={() => setShowLocal(true)}
className="w-full text-center text-xs text-gray-400 hover:text-gray-600 transition-colors py-1" className="w-full text-center text-xs text-black/50 hover:text-black/80 transition-colors py-1"
> >
Sign in with local account Sign in with local account
</button> </button>