isaacclad/ladill-queue
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lighten public display and show org or Ladill Queue logo.
Deploy Ladill Queue / deploy (push) Successful in 36s
Details

Browse Source 
Remove waiting, estimate, and service queue sidebar; replace text header with customer logo when uploaded.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-29 22:59:19 +00:00
co-authored by Cursor
parent 326769204d
commit 98d14a213a
3 changed files with 66 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+13 -18
View File
@@ -268,39 +268,34 @@ html.qr-mobile-page body {
pointer-events: none;
}
/* Public queue display — waiting-area TV screens */
/* Public queue display — waiting-area TV screens (light theme) */
.qms-display {
min-height: 100vh;
background:
radial-gradient(ellipse 80% 50% at 50% -10%, rgb(49 46 129 / 0.45), transparent),
linear-gradient(180deg, rgb(15 23 42) 0%, rgb(2 6 23) 100%);
color: #fff;
radial-gradient(ellipse 90% 60% at 50% -20%, rgb(238 242 255 / 0.9), transparent),
linear-gradient(180deg, rgb(248 250 252) 0%, rgb(255 255 255) 100%);
color: rgb(15 23 42);
}
.qms-display__grid-bg {
background-image:
linear-gradient(rgb(255 255 255 / 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgb(255 255 255 / 0.03) 1px, transparent 1px);
linear-gradient(rgb(148 163 184 / 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgb(148 163 184 / 0.08) 1px, transparent 1px);
background-size: 48px 48px;
}
.qms-display__ticket {
background: linear-gradient(145deg, rgb(67 56 202) 0%, rgb(79 70 229) 45%, rgb(99 102 241) 100%);
background: linear-gradient(180deg, #fff 0%, rgb(248 250 252) 100%);
border: 1px solid rgb(226 232 240);
box-shadow:
0 0 0 1px rgb(255 255 255 / 0.08),
0 20px 40px -12px rgb(0 0 0 / 0.45);
0 1px 2px rgb(15 23 42 / 0.04),
0 20px 40px -16px rgb(79 70 229 / 0.15);
}
.qms-display__ticket-number {
font-variant-numeric: tabular-nums;
letter-spacing: -0.04em;
text-shadow: 0 2px 16px rgb(0 0 0 / 0.25);
}
.qms-display__stat {
background: rgb(255 255 255 / 0.04);
border: 1px solid rgb(255 255 255 / 0.08);
backdrop-filter: blur(8px);
color: rgb(67 56 202);
}
.qms-display__live-dot {
@@ -314,6 +309,6 @@ html.qr-mobile-page body {
.qms-display__unlock {
background:
radial-gradient(ellipse 60% 40% at 50% 0%, rgb(79 70 229 / 0.35), transparent),
rgb(2 6 23 / 0.96);
radial-gradient(ellipse 60% 40% at 50% 0%, rgb(199 210 254 / 0.5), transparent),
rgb(255 255 255 / 0.97);
}