aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2026-01-24 18:24:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

wip: zen

Browse Source
This commit is contained in:
Frank
2025-10-10 14:11:48 -04:00
parent 756fb61691
commit 9463ce8006
2 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/console/app/src/routes/workspace/[id]/members/member-section.module.css
View File

@@ -187,10 +187,25 @@
&[data-slot="member-actions"] { &[data-slot="member-actions"] {
font-family: var(--font-sans); font-family: var(--font-sans);
display: flex;
gap: var(--space-2);
form button {
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
}
} }
} }
tbody tr { tbody tr {
&:hover {
[data-slot="member-actions"] form button {
opacity: 1;
pointer-events: auto;
}
}
&:last-child td { &:last-child td {
border-bottom: none; border-bottom: none;
} }

14
packages/console/app/src/routes/workspace/[id]/members/member-section.tsx
View File

@@ -125,8 +125,8 @@ function MemberRow(props: { member: any; workspaceID: string; actorID: string; a
<td data-slot="member-role">{props.member.role}</td> <td data-slot="member-role">{props.member.role}</td>
<td data-slot="member-usage">{getUsageDisplay()}</td> <td data-slot="member-usage">{getUsageDisplay()}</td>
<td data-slot="member-joined">{props.member.timeSeen ? "" : "invited"}</td> <td data-slot="member-joined">{props.member.timeSeen ? "" : "invited"}</td>
<td data-slot="member-actions"> <Show when={isAdmin()}>
<Show when={isAdmin()}> <td data-slot="member-actions">
<button data-color="ghost" onClick={() => setEditing(true)}> <button data-color="ghost" onClick={() => setEditing(true)}>
Edit Edit
</button> </button>
@@ -137,13 +137,13 @@ function MemberRow(props: { member: any; workspaceID: string; actorID: string; a
<button data-color="ghost">Delete</button> <button data-color="ghost">Delete</button>
</form> </form>
</Show> </Show>
</Show> </td>
</td> </Show>
</tr> </tr>
} }
> >
<tr> <tr>
<td colspan="5"> <td colspan={isAdmin() ? 5 : 4}>
<form action={updateMember} method="post"> <form action={updateMember} method="post">
<div data-slot="edit-member-email">{props.member.accountEmail ?? props.member.email}</div> <div data-slot="edit-member-email">{props.member.accountEmail ?? props.member.email}</div>
<input type="hidden" name="id" value={props.member.id} /> <input type="hidden" name="id" value={props.member.id} />
@@ -292,7 +292,9 @@ export function MemberSection() {
<th>Role</th> <th>Role</th>
<th>Usage</th> <th>Usage</th>
<th></th> <th></th>
<th></th> <Show when={data()?.actorRole === "admin"}>
<th></th>
</Show>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>