Simplify now-serving card to a single centered column.
Deploy Ladill Queue / deploy (push) Successful in 33s
Deploy Ladill Queue / deploy (push) Successful in 33s
Remove counter arrow line and stack ticket number above desk name with clean alignment. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -75,21 +75,12 @@
|
||||
<template x-for="item in (payload?.now_serving ?? []).slice(0, 3)" :key="item.ticket_number + (item.counter ?? '')">
|
||||
<article class="qms-display__ticket rounded-2xl lg:rounded-3xl">
|
||||
<div class="qms-display__ticket-accent" aria-hidden="true"></div>
|
||||
<div class="qms-display__ticket-split">
|
||||
<div class="qms-display__ticket-panel qms-display__ticket-panel--number">
|
||||
<span class="qms-display__label">Ticket</span>
|
||||
<p class="qms-display__ticket-number" x-text="item.ticket_number"></p>
|
||||
</div>
|
||||
<div class="qms-display__ticket-panel qms-display__ticket-panel--counter">
|
||||
<span class="qms-display__label">Please proceed to</span>
|
||||
<p class="qms-display__counter-name" x-text="item.counter ?? '—'"></p>
|
||||
<div class="qms-display__counter-arrow">
|
||||
<svg class="h-4 w-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
|
||||
</svg>
|
||||
<span>Your counter is ready</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="qms-display__ticket-body">
|
||||
<span class="qms-display__label">Ticket</span>
|
||||
<p class="qms-display__ticket-number" x-text="item.ticket_number"></p>
|
||||
<div class="qms-display__ticket-divider" aria-hidden="true"></div>
|
||||
<span class="qms-display__label">Please proceed to</span>
|
||||
<p class="qms-display__counter-name" x-text="item.counter ?? '—'"></p>
|
||||
</div>
|
||||
</article>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user