Styling and minor changes
This commit is contained in:
@@ -81,7 +81,7 @@
|
||||
</button>
|
||||
<button
|
||||
onclick={toggleEdit}
|
||||
class="rounded bg-gray-300 px-4 py-2 text-gray-700 transition hover:bg-gray-400 disabled:cursor-not-allowed disabled:opacity-50"
|
||||
class="rounded border border-gray-300 bg-white px-4 py-2 text-gray-700 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50"
|
||||
disabled={updatingEmail}
|
||||
aria-label="Cancel editing"
|
||||
>
|
||||
@@ -123,7 +123,7 @@
|
||||
type="text"
|
||||
bind:value={emailSubject}
|
||||
disabled={!isEditing || updatingEmail}
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg {!isEditing ? 'bg-gray-50 cursor-default' : ''} focus:ring-blue-500 focus:border-blue-500 disabled:bg-gray-50"
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-blue-500 disabled:cursor-default disabled:bg-gray-100"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
bind:value={emailBody}
|
||||
rows="6"
|
||||
disabled={!isEditing || updatingEmail}
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-lg {!isEditing ? 'bg-gray-50 cursor-default' : ''} focus:ring-blue-500 focus:border-blue-500 disabled:bg-gray-50"
|
||||
class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-blue-500 disabled:cursor-default disabled:bg-gray-100"
|
||||
></textarea>
|
||||
{#if isEditing}
|
||||
<div class="mt-2 text-xs text-gray-500">
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
function handleSyncParticipants() {
|
||||
|
||||
// Show initial notification about sync starting
|
||||
toast.info('Starting participant synchronization...', 2000);
|
||||
toast.info('Starting participant synchronization...', 5000);
|
||||
|
||||
// Call the parent component's sync function
|
||||
onSyncParticipants();
|
||||
@@ -46,7 +46,7 @@
|
||||
<div class="mb-4 flex items-center justify-between">
|
||||
<h2 class="text-xl font-semibold text-gray-900">Participants</h2>
|
||||
<button
|
||||
onclick={onSyncParticipants}
|
||||
onclick={handleSyncParticipants}
|
||||
disabled={syncingParticipants || !event || loading}
|
||||
class="rounded bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
|
||||
>
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
</div>
|
||||
<p class="text-amber-700 mb-2">This ticket belongs to a different event:</p>
|
||||
<div class="bg-white rounded p-3 border border-amber-200 mt-auto">
|
||||
<p class="font-medium">{ticket_data.event?.name || ''}</p>
|
||||
<p class="font-bold">{ticket_data.event?.name || ''}</p>
|
||||
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -64,7 +64,7 @@
|
||||
{ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''}
|
||||
</p>
|
||||
<div class="bg-white rounded p-3 border border-amber-200 mt-auto">
|
||||
<p class="font-medium">{ticket_data.event?.name || ''}</p>
|
||||
<p class="font-bold">{ticket_data.event?.name || ''}</p>
|
||||
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,7 +78,7 @@
|
||||
</div>
|
||||
<p class="text-green-700">Ticket successfully validated.</p>
|
||||
<div class="bg-white rounded p-3 border border-green-200 mt-auto">
|
||||
<p class="font-medium">{ticket_data.event?.name || ''}</p>
|
||||
<p class="font-bold">{ticket_data.event?.name || ''}</p>
|
||||
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user