erman/scan-wave
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling for ticket display

Browse Source
This commit is contained in:
Roman Krček
2025-06-22 16:16:39 +02:00
parent 4ad4d1a04c
commit 23b079907f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/routes/private/scanner/TicketDisplay.svelte
View File

@@ -20,8 +20,9 @@
<p>Waiting for data...</p>
</div>
{:else if scan_state === ScanState.scan_failed}
<div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700">
<p>Scan failed. Please try again.</p>
<div class="rounded border-l-4 border-red-500 bg-red-100 p-4 text-red-700">
<p><strong>Scan failed!</strong></p>
<p>This is either not a valid ticket or this ticket has been purchased from a different section.</p>
</div>
{:else if scan_state === ScanState.scan_successful}
{#if ticket_data.scanned}
@@ -33,14 +34,14 @@
</p>
<hr class="my-2 border-t border-red-300" />
<ol>
<li>{ticket_data.event.name}</li>
<li><strong>{ticket_data.event.name}</strong></li>
<li>{ticket_data.name} {ticket_data.surname}</li>
</ol>
</div>
{:else}
<div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700">
<ol>
<li>{ticket_data.event.name}</li>
<li><strong>{ticket_data.event.name}</strong></li>
<li>{ticket_data.name} {ticket_data.surname}</li>
</ol>
</div>