From 76994c28f1745becbae29369c5d116343731dc22 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 11 Jun 2026 02:18:37 +0900
Subject: [PATCH] =?UTF-8?q?fix(login):=20=ED=8F=AC=EC=BB=A4=EC=8A=A4=20?=
 =?UTF-8?q?=EB=A7=81=C2=B7type=3Dbutton=C2=B7disabled=20=EB=8C=80=EB=B9=84?=
 =?UTF-8?q?=20=EC=A0=91=EA=B7=BC=EC=84=B1=20=EB=B3=B4=EC=99=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 이메일/비밀번호 input에 focus-visible:ring-2 추가
- Google 로그인 버튼에 type=\"button\" 명시
- disabled 상태 배경 jsm-line → jsm-ink-faint로 변경 (대비 개선)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/login/page.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index fe18dfa..8976fbb 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -126,6 +126,7 @@ function LoginForm() {
 
           {/* Google 로그인 */}
           <button
+            type="button"
             onClick={handleGoogleLogin}
             className="w-full flex items-center justify-center gap-2.5 px-4 py-2.5 rounded-lg text-sm font-medium mb-5"
             style={{
@@ -200,7 +201,7 @@ function LoginForm() {
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 required
-                className="w-full px-3.5 py-2.5 rounded-lg text-sm outline-none"
+                className="w-full px-3.5 py-2.5 rounded-lg text-sm outline-none focus-visible:ring-2 focus-visible:ring-[var(--jsm-accent)]"
                 style={{
                   background: 'var(--jsm-surface)',
                   border: '1px solid var(--jsm-line)',
@@ -232,7 +233,7 @@ function LoginForm() {
                 onChange={(e) => setPassword(e.target.value)}
                 required
                 minLength={6}
-                className="w-full px-3.5 py-2.5 rounded-lg text-sm outline-none"
+                className="w-full px-3.5 py-2.5 rounded-lg text-sm outline-none focus-visible:ring-2 focus-visible:ring-[var(--jsm-accent)]"
                 style={{
                   background: 'var(--jsm-surface)',
                   border: '1px solid var(--jsm-line)',
@@ -253,8 +254,8 @@ function LoginForm() {
               disabled={loading}
               className="w-full py-2.5 rounded-lg text-sm font-semibold mt-1"
               style={{
-                background: loading ? 'var(--jsm-line)' : 'var(--jsm-accent)',
-                color: loading ? 'var(--jsm-ink-soft)' : '#ffffff',
+                background: loading ? 'var(--jsm-ink-faint)' : 'var(--jsm-accent)',
+                color: loading ? '#ffffff' : '#ffffff',
                 border: 'none',
                 cursor: loading ? 'not-allowed' : 'pointer',
                 transition: 'background 0.15s, transform 0.15s',