@q3assets/auth 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/admin-panel.tsx +8 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@q3assets/auth",
3
- "version": "0.2.1",
3
+ "version": "0.2.2",
4
4
  "exports": {
5
5
  ".": "./src/index.ts",
6
6
  "./login": "./src/login.tsx",
package/src/admin-panel.tsx CHANGED
@@ -114,18 +114,18 @@ export function AdminPanel({ supabase, onClose, apiBase = "/api/admin/users" }:
114
114
 
115
115
  return (
116
116
  <div className="fixed inset-0 z-50 flex justify-end">
117
- <div className="absolute inset-0 bg-black/50" onClick={onClose} />
118
- <div className="relative w-full max-w-lg overflow-y-auto bg-[var(--bg)] border-l border-[var(--border)] shadow-2xl">
119
- <div className="sticky top-0 z-10 flex items-center justify-between border-b border-[var(--border)] bg-[var(--bg)] px-5 py-4">
120
- <h2 className="text-lg font-semibold">Admin</h2>
117
+ <div className="absolute inset-0 bg-black/30" onClick={onClose} />
118
+ <div className="relative w-80 sm:w-96 overflow-y-auto bg-[var(--bg)] border-l border-[var(--border)] shadow-xl">
119
+ <div className="sticky top-0 z-10 flex items-center justify-between border-b border-[var(--border)] bg-[var(--bg)] px-4 py-3">
120
+ <h2 className="text-sm font-semibold">Admin</h2>
121
121
  <button onClick={onClose} className="rounded-lg p-1.5 text-[var(--text-muted)] hover:bg-[var(--bg-card)] hover:text-[var(--text)]">
122
122
  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M18 6L6 18M6 6l12 12" /></svg>
123
123
  </button>
124
124
  </div>
125
125
 
126
- <div className="p-5 space-y-6">
127
- <div className="rounded-xl border border-[var(--border)] bg-[var(--bg-card)] p-4">
128
- <h3 className="text-sm font-medium mb-3">Invite User</h3>
126
+ <div className="p-4 space-y-4">
127
+ <div className="rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-3">
128
+ <h3 className="text-xs font-medium mb-2">Invite User</h3>
129
129
  <form onSubmit={handleInvite} className="space-y-3">
130
130
  <input type="text" value={inviteName} onChange={(e) => setInviteName(e.target.value)} placeholder="Name (required)" required className="w-full rounded-lg border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-sm text-[var(--text)] placeholder:text-[var(--text-muted)] focus:border-[var(--accent)] focus:outline-none focus:ring-1 focus:ring-[var(--accent)]" />
131
131
  <input type="email" value={inviteEmail} onChange={(e) => setInviteEmail(e.target.value)} placeholder="email@example.com" required className="w-full rounded-lg border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-sm text-[var(--text)] placeholder:text-[var(--text-muted)] focus:border-[var(--accent)] focus:outline-none focus:ring-1 focus:ring-[var(--accent)]" />
@@ -143,7 +143,7 @@ export function AdminPanel({ supabase, onClose, apiBase = "/api/admin/users" }:
143
143
  </div>
144
144
 
145
145
  <div>
146
- <h3 className="text-sm font-medium mb-3">Users ({users.length})</h3>
146
+ <h3 className="text-xs font-medium mb-2">Users ({users.length})</h3>
147
147
  {error && <p className="mb-3 text-sm text-[var(--danger)]">{error}</p>}
148
148
  {loading ? (
149
149
  <p className="text-sm text-[var(--text-muted)]">Loading...</p>