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

Enforce Figtree across the entire public display page.
Deploy Ladill Queue / deploy (push) Successful in 57s
Details

Browse Source 
Apply font-sans on html/body and cascade Figtree to all display text including overlays.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-29 23:17:09 +00:00
co-authored by Cursor
parent c1113bc5a2
commit d982e28191
2 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+14 -1
View File
@@ -269,6 +269,13 @@ html.qr-mobile-page body {
} }
/* Public queue display — waiting-area TV screens (light theme) */ /* Public queue display — waiting-area TV screens (light theme) */
html:has(.qms-display),
html:has(.qms-display) body,
html:has(.qms-display) .qms-display,
html:has(.qms-display) .qms-display__unlock {
font-family: 'Figtree', ui-sans-serif, system-ui, sans-serif;
}
html:has(.qms-display), html:has(.qms-display),
html:has(.qms-display) body { html:has(.qms-display) body {
height: 100%; height: 100%;
@@ -281,7 +288,7 @@ html:has(.qms-display) body {
height: 100dvh; height: 100dvh;
max-height: 100dvh; max-height: 100dvh;
overflow: hidden; overflow: hidden;
font-family: var(--font-sans); font-family: inherit;
background: background:
radial-gradient(ellipse 90% 60% at 50% -20%, rgb(238 242 255 / 0.9), transparent), 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%); linear-gradient(180deg, rgb(248 250 252) 0%, rgb(255 255 255) 100%);
@@ -363,6 +370,12 @@ html:has(.qms-display) body {
background: linear-gradient(90deg, transparent, rgb(199 210 254), transparent); background: linear-gradient(90deg, transparent, rgb(199 210 254), transparent);
} }
.qms-display__label,
.qms-display__ticket-number,
.qms-display__counter-name {
font-family: inherit;
}
.qms-display__label { .qms-display__label {
font-size: clamp(0.65rem, 1.6vh, 0.8rem); font-size: clamp(0.65rem, 1.6vh, 0.8rem);
font-weight: 600; font-weight: 600;
resources/views/qms/display/public.blade.php
+2 -2
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="h-full overflow-hidden bg-slate-50"> <html lang="en" class="h-full overflow-hidden bg-slate-50 font-sans">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11,7 +11,7 @@
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
</head> </head>
<body <body
class="qms-display qms-display__grid-bg overflow-hidden bg-slate-50 text-slate-900" class="qms-display qms-display__grid-bg overflow-hidden bg-slate-50 font-sans text-slate-900"
x-data="displayBoard(@js([ x-data="displayBoard(@js([
'dataUrl' => $dataUrl, 'dataUrl' => $dataUrl,
'playedUrl' => $playedUrl, 'playedUrl' => $playedUrl,