Simplify now-serving card to a single centered column.
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:
isaacclad
2026-06-29 23:16:00 +00:00
co-authored by Cursor
parent 615a07adac
commit c1113bc5a2
2 changed files with 15 additions and 43 deletions
+9 -28
View File
@@ -345,31 +345,22 @@ html:has(.qms-display) body {
background: linear-gradient(90deg, rgb(79 70 229), rgb(129 140 248));
}
.qms-display__ticket-split {
display: grid;
min-height: 0;
flex: 1;
grid-template-columns: 1fr 1fr;
}
.qms-display__ticket-panel {
.qms-display__ticket-body {
display: flex;
min-height: 0;
flex: 1;
flex-direction: column;
justify-content: center;
padding: clamp(1rem, 3vh, 2.5rem) clamp(1.25rem, 4vw, 3rem);
}
.qms-display__ticket-panel--number {
align-items: center;
justify-content: center;
padding: clamp(1.25rem, 4vh, 3rem) clamp(1.5rem, 5vw, 3rem);
text-align: center;
border-right: 1px solid rgb(241 245 249);
}
.qms-display__ticket-panel--counter {
align-items: flex-start;
justify-content: center;
background: linear-gradient(135deg, rgb(238 242 255) 0%, rgb(224 231 255 / 0.5) 100%);
.qms-display__ticket-divider {
width: min(8rem, 40%);
height: 1px;
margin: clamp(1rem, 3vh, 2rem) 0;
background: linear-gradient(90deg, transparent, rgb(199 210 254), transparent);
}
.qms-display__label {
@@ -402,16 +393,6 @@ html:has(.qms-display) body {
color: rgb(15 23 42);
}
.qms-display__counter-arrow {
display: flex;
margin-top: clamp(0.75rem, 2vh, 1.25rem);
align-items: center;
gap: 0.5rem;
font-size: clamp(0.7rem, 1.5vh, 0.875rem);
font-weight: 600;
color: rgb(79 70 229);
}
.qms-display__ticket--empty {
justify-content: center;
align-items: center;