Styling and minor changes
This commit is contained in:
@@ -81,7 +81,7 @@
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
onclick={toggleEdit}
|
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}
|
disabled={updatingEmail}
|
||||||
aria-label="Cancel editing"
|
aria-label="Cancel editing"
|
||||||
>
|
>
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
type="text"
|
type="text"
|
||||||
bind:value={emailSubject}
|
bind:value={emailSubject}
|
||||||
disabled={!isEditing || updatingEmail}
|
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>
|
</div>
|
||||||
|
|
||||||
@@ -134,7 +134,7 @@
|
|||||||
bind:value={emailBody}
|
bind:value={emailBody}
|
||||||
rows="6"
|
rows="6"
|
||||||
disabled={!isEditing || updatingEmail}
|
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>
|
></textarea>
|
||||||
{#if isEditing}
|
{#if isEditing}
|
||||||
<div class="mt-2 text-xs text-gray-500">
|
<div class="mt-2 text-xs text-gray-500">
|
||||||
|
|||||||
@@ -35,7 +35,7 @@
|
|||||||
function handleSyncParticipants() {
|
function handleSyncParticipants() {
|
||||||
|
|
||||||
// Show initial notification about sync starting
|
// 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
|
// Call the parent component's sync function
|
||||||
onSyncParticipants();
|
onSyncParticipants();
|
||||||
@@ -46,7 +46,7 @@
|
|||||||
<div class="mb-4 flex items-center justify-between">
|
<div class="mb-4 flex items-center justify-between">
|
||||||
<h2 class="text-xl font-semibold text-gray-900">Participants</h2>
|
<h2 class="text-xl font-semibold text-gray-900">Participants</h2>
|
||||||
<button
|
<button
|
||||||
onclick={onSyncParticipants}
|
onclick={handleSyncParticipants}
|
||||||
disabled={syncingParticipants || !event || loading}
|
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"
|
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>
|
</div>
|
||||||
<p class="text-amber-700 mb-2">This ticket belongs to a different event:</p>
|
<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">
|
<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>
|
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -64,7 +64,7 @@
|
|||||||
{ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''}
|
{ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''}
|
||||||
</p>
|
</p>
|
||||||
<div class="bg-white rounded p-3 border border-amber-200 mt-auto">
|
<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>
|
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<p class="text-green-700">Ticket successfully validated.</p>
|
<p class="text-green-700">Ticket successfully validated.</p>
|
||||||
<div class="bg-white rounded p-3 border border-green-200 mt-auto">
|
<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>
|
<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user