From 4a2323f3897572ed1c70d0cb943ae1155d2ad999 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 11 Feb 2026 17:59:19 +0000
Subject: [PATCH] feat(admin): update login page layout and add title

- Add `CardHeader` and `CardTitle` to `AdminLogin.jsx`.
- Set title text to "OpenShop Admin Login".
- Use `CardHeader`'s padding to separate the title from the card top and content, preventing the input field from touching the top of the container.
- Remove unused `error` variable in `catch` block.

Co-authored-by: AJFrio <20246916+AJFrio@users.noreply.github.com>
---
 src/components/admin/AdminLogin.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/AdminLogin.jsx b/src/components/admin/AdminLogin.jsx
index 7b8c340..383a840 100644
--- a/src/components/admin/AdminLogin.jsx
+++ b/src/components/admin/AdminLogin.jsx
@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Card, CardContent } from '../ui/card'
+import { Card, CardContent, CardHeader, CardTitle } from '../ui/card'
 import { Input } from '../ui/input'
 import { Button } from '../ui/button'
 import { adminLogin } from '../../lib/auth'
@@ -21,7 +21,7 @@ export function AdminLogin({ onLoginSuccess }) {
       } else {
         setError('Invalid password. Please try again.')
       }
-    } catch (error) {
+    } catch {
       setError('Login failed. Please try again.')
     } finally {
       setLoading(false)
@@ -31,6 +31,9 @@ export function AdminLogin({ onLoginSuccess }) {
   return (
     <div className="min-h-screen bg-gray-50 flex items-center justify-center">
       <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle>OpenShop Admin Login</CardTitle>
+        </CardHeader>
         <CardContent>
           <form onSubmit={handleSubmit} className="space-y-4">
             <div>