From 78f954f652e0f842413f07da3f1260569f366673 Mon Sep 17 00:00:00 2001
From: varutasu <104105839+varutasu@users.noreply.github.com>
Date: Thu, 4 Jun 2026 15:30:26 -0500
Subject: [PATCH] refactor(auth): migrate login + signup form cards to
 .glass-panel-strong (#121)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Brief 2 of unify-glass-panel-surfaces convoy. Replaces the handrolled
`rgba(--bg-secondary-rgb, 0.85) + backdrop-blur-sm` glass imitation
on the login + signup form-card containers with the canonical
.glass-panel-strong className so the auth flow shares the rest of the
app's surface treatment (corner catch-lights, system blur tier,
gradient border).

Both swaps are pure className+style → className migration:

  Before:
    <div
      className="p-8 rounded-2xl shadow-2xl backdrop-blur-sm border border-opacity-20"
      style={{
        backgroundColor: 'rgba(var(--bg-secondary-rgb), 0.85)',
        borderColor: 'var(--border)',
      }}
    >

  After:
    <div className="glass-panel-strong rounded-2xl p-8">

All children (<Input>, <Button>, error banner, social-sign-in divider,
footer link) remain byte-identical. No new imports.

Acceptance criteria from
.convoys/unify-glass-panel-surfaces/brief-2-auth-form-cards.md all
met. npm run lint passes.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 pages/login.js  | 8 +-------
 pages/signup.js | 8 +-------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/pages/login.js b/pages/login.js
index 83db660..756822b 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -79,13 +79,7 @@ export default function Login() {
             </div>
           </div>
 
-          <div 
-            className="p-8 rounded-2xl shadow-2xl backdrop-blur-sm border border-opacity-20" 
-            style={{ 
-              backgroundColor: 'rgba(var(--bg-secondary-rgb), 0.85)',
-              borderColor: 'var(--border)'
-            }}
-          >
+          <div className="glass-panel-strong rounded-2xl p-8">
             <form onSubmit={handleSubmit} className="space-y-6">
               {error && (
                 <div className="p-4 rounded-lg bg-red-500 bg-opacity-10 border border-red-500 border-opacity-20 backdrop-blur-sm">
diff --git a/pages/signup.js b/pages/signup.js
index 4b28ba6..d44038a 100644
--- a/pages/signup.js
+++ b/pages/signup.js
@@ -224,13 +224,7 @@ export default function Signup() {
             </div>
           </div>
 
-          <div 
-            className="p-8 rounded-2xl shadow-2xl backdrop-blur-sm border border-opacity-20" 
-            style={{ 
-              backgroundColor: 'rgba(var(--bg-secondary-rgb), 0.85)',
-              borderColor: 'var(--border)'
-            }}
-          >
+          <div className="glass-panel-strong rounded-2xl p-8">
             <form onSubmit={handleSubmit} className="space-y-6">
               {error && (
                 <div className="p-4 rounded-lg bg-red-500 bg-opacity-10 border border-red-500 border-opacity-20 backdrop-blur-sm">