diff --git a/frontend/src/pages/admin/invitations.astro b/frontend/src/pages/admin/invitations.astro index dfb9dd9..83afbe5 100644 --- a/frontend/src/pages/admin/invitations.astro +++ b/frontend/src/pages/admin/invitations.astro @@ -9,16 +9,18 @@ import { API_BASE as apiBase } from '../../lib/api';
-
-
-

Invitation Management

-

Create and manage invitation codes for user registration

+
+
+
+

Invitation Management

+

Create and manage invitation codes for user registration

+

Create Invitation

-
-
+ +
@@ -32,7 +34,9 @@ import { API_BASE as apiBase } from '../../lib/api';
- +
+ +
@@ -140,7 +144,7 @@ import { API_BASE as apiBase } from '../../lib/api'; } container.innerHTML = data.map(inv => ` -
+
${inv.code}
@@ -214,26 +218,12 @@ import { API_BASE as apiBase } from '../../lib/api'; min-height: calc(100vh - 60px); } - .admin-main { + .admin-content { flex: 1; padding: 2rem; max-width: 1000px; } - .admin-header { - margin-bottom: 2rem; - } - - .admin-header h1 { - margin: 0 0 0.5rem; - font-size: 1.75rem; - } - - .admin-header p { - color: var(--color-text-muted); - margin: 0; - } - .create-section, .list-section { margin-bottom: 2rem; } @@ -263,28 +253,17 @@ import { API_BASE as apiBase } from '../../lib/api'; cursor: pointer; } - .create-form { - background: var(--color-surface); - padding: 1.5rem; - border-radius: 12px; - border: 1px solid var(--color-border); - } - - .form-row { - display: grid; + .create-form .form-grid { grid-template-columns: 2fr 1fr 1fr; gap: 1rem; margin-bottom: 1rem; } - .form-group label { - display: block; - margin-bottom: 0.5rem; + .create-form .form-group label { font-size: 0.875rem; - font-weight: 500; } - .form-group input { + .create-form .form-group input { width: 100%; padding: 0.75rem; border: 1px solid var(--color-border); @@ -304,10 +283,6 @@ import { API_BASE as apiBase } from '../../lib/api'; display: flex; justify-content: space-between; align-items: center; - padding: 1rem 1.5rem; - background: var(--color-surface); - border: 1px solid var(--color-border); - border-radius: 12px; } .invitation-item.inactive { @@ -376,7 +351,7 @@ import { API_BASE as apiBase } from '../../lib/api'; flex-direction: column; } - .form-row { + .create-form .form-grid { grid-template-columns: 1fr; }