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

Revised views for mobile.

Browse source
This commit is contained in:
Pen Anderson 2026-03-05 09:51:58 -06:00
parent 87da9cf97f
commit 07f7d3d245
4 changed files with 67 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/pages/Participants.svelte
View file

@ -243,7 +243,7 @@
{#if showAdd && canManage}
<div class="card" style="margin-bottom:1.5rem">
<form onsubmit={addParticipant}>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem">
<div class="form-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:1rem">
<div class="form-group">
<label for="p-name">Name</label>
<input id="p-name" bind:value={newName} placeholder="Preferred name" />
@ -362,7 +362,7 @@
onclick={mergeMode && mergeSource?.id !== p.id ? () => { mergeTarget = p } : null}
style={mergeMode && mergeSource?.id !== p.id ? 'cursor:pointer' : ''}
>
<td>
<td class="td-name">
<strong>{p.preferred_name || '—'}</strong>
{#if p.pronouns}
<span class="text-muted" style="font-size:0.78rem"> · {p.pronouns}</span>
@ -397,7 +397,7 @@
{/if}
</td>
{#if canManage}
<td>
<td class="td-actions">
{#if !mergeMode}
<button class="btn btn-ghost btn-sm" onclick={(e) => { e.stopPropagation(); startEdit(p) }}
title="Edit participant">✎</button>
@ -504,4 +504,14 @@
.edit-fields { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.edit-fields input { flex: 1; min-width: 120px; font-size: 0.825rem; padding: 0.3rem 0.5rem; width: auto; }
@media (max-width: 640px) {
.td-name { width: 100%; }
.td-actions { width: 100%; }
.ticket-rows { padding: 0; border: none; border-radius: 0; margin-top: -0.5rem; }
.ticket-rows td { width: 100%; }
.ticket-row { flex-direction: column; gap: 0.35rem; }
.ticket-row div:last-child { text-align: left; }
.edit-row { padding: 0.75rem; }
.edit-row td { width: 100%; }
}
</style>