Login: remove white card, blend form into gold background

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

View file

@ -25,7 +25,7 @@ export default function SignInPage() {
{/* Right panel — form */}
<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 */}
<div className="flex justify-center mb-8 lg:mb-10">
{/* eslint-disable-next-line @next/next/no-img-element */}
@ -35,7 +35,7 @@ export default function SignInPage() {
</div>
<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>
<SignInForm />

View file

@ -58,10 +58,10 @@ export function SignInForm() {
{/* Divider */}
<div className="relative">
<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 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>
@ -70,7 +70,7 @@ export function SignInForm() {
<button
type="button"
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
</button>