Skip to content

Commit a59fee0

Browse files
committed
design(admin): soften workspace admin action and display org name on surfaces
1 parent 0ca97ab commit a59fee0

2 files changed

Lines changed: 28 additions & 22 deletions

File tree

src/components/AdminDashboard.tsx

Lines changed: 13 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -156,28 +156,19 @@ export function AdminDashboard({
156156
</section>
157157

158158
{isSupabaseConfigured && (
159-
<section className="admin-section">
160-
<div className="section-heading-row admin-access-row">
161-
<h2>Workspace access</h2>
162-
<Button
163-
variant="secondary"
164-
icon="plus"
165-
onClick={() => setAdministratorPromptOpen(true)}
166-
disabled={addingAdministrator}
167-
busy={addingAdministrator}
168-
>
169-
Add administrator
170-
</Button>
171-
</div>
172-
<InfoDisclosure title="How administrator access works">
173-
<p>
174-
Administrator rights follow the allow-list. Adding an address
175-
allows it and sends an invitation; the rights are granted when
176-
that person signs in, with any method. Everyone else can sign in
177-
as a contributor and sees only the projects they are assigned to.
178-
</p>
179-
</InfoDisclosure>
180-
</section>
159+
<div className="admin-workspace-access">
160+
<button
161+
type="button"
162+
className="text-button admin-access-trigger"
163+
onClick={() => setAdministratorPromptOpen(true)}
164+
disabled={addingAdministrator}
165+
>
166+
<Icon name="users" size={16} />
167+
<span>
168+
{addingAdministrator ? "Adding…" : "Add workspace administrator"}
169+
</span>
170+
</button>
171+
</div>
181172
)}
182173

183174
{administratorPromptOpen && (

src/styles/geometry.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -490,6 +490,21 @@ h3 {
490490
.admin-section {
491491
margin-bottom: var(--space-8);
492492
}
493+
.admin-workspace-access {
494+
display: flex;
495+
justify-content: center;
496+
margin-top: var(--space-6);
497+
margin-bottom: var(--space-4);
498+
}
499+
.admin-access-trigger {
500+
color: var(--tertiary);
501+
font-size: var(--type-footnote);
502+
gap: var(--space-2);
503+
transition: color 0.15s ease;
504+
}
505+
.admin-access-trigger:hover {
506+
color: var(--secondary);
507+
}
493508
.admin-readiness {
494509
margin-top: var(--space-8);
495510
}

0 commit comments

Comments
 (0)