pen/Turnpike
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Moved action buttons on mobile cards.

Browse source
This commit is contained in:
Pen Anderson 2026-03-05 09:56:54 -06:00
parent 07f7d3d245
commit d439306657
4 changed files with 25 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/pages/Volunteers.svelte
View file

@ -228,14 +228,14 @@
<div class="text-muted" style="font-size:0.78rem">{v.note}</div>
{/if}
</td>
<td class="text-muted">
<td class="td-dept text-muted">
{#if dept}
<span class="dept-dot" style="background:{dept.color};margin-right:0.4rem"></span>{dept.name}
{:else}
—
{/if}
</td>
<td>
<td class="td-status">
<span class="badge {v.checked_in ? 'badge-checked' : v.email_confirmed ? 'badge-confirmed' : 'badge-unchecked'}">
{v.checked_in ? 'Ready' : v.email_confirmed ? 'Confirmed' : 'Unconfirmed'}
</span>
@ -269,8 +269,10 @@
<style>
@media (max-width: 640px) {
.td-name { width: 100%; }
.td-ready { width: 100%; }
.td-actions { width: 100%; }
.td-name { flex: 1; min-width: 0; order: 1; }
.td-ready { flex-shrink: 0; align-self: flex-start; order: 2; }
.td-dept { width: 100%; order: 3; }
.td-status { width: 100%; order: 4; }
.td-actions { width: 100%; order: 5; display: flex; justify-content: flex-end; }
}
</style>