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) */
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) body {
height: 100%;
@@ -281,7 +288,7 @@ html:has(.qms-display) body {
height: 100dvh;
max-height: 100dvh;
overflow: hidden;
font-family: var(--font-sans);
font-family: inherit;
background:
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%);
@@ -363,6 +370,12 @@ html:has(.qms-display) body {
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 {
font-size: clamp(0.65rem, 1.6vh, 0.8rem);
font-weight: 600;
resources/views/qms/display/public.blade.php
+2 -2
View File
@@ -1,5 +1,5 @@
<!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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11,7 +11,7 @@
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<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([
'dataUrl' => $dataUrl,
'playedUrl' => $playedUrl,