Use Figtree on public display and drop monospace clock.

Load Figtree from Bunny Fonts and apply sans-serif to the waiting-area screen. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 23:14:05 +00:00
parent 6357c29c8b
commit 615a07adac
2 changed files with 4 additions and 1 deletions
@@ -281,6 +281,7 @@ html:has(.qms-display) body {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
+    font-family: var(--font-sans);
    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%);
@@ -6,6 +6,8 @@
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="theme-color" content="#f8fafc">
    <title>{{ $screen->name }} · Queue Display</title>
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
 </head>
 <body
@@ -59,7 +61,7 @@
                    >
                </div>
                <div class="shrink-0 text-right">
-                    <p class="font-mono text-2xl font-semibold tabular-nums tracking-tight text-slate-900 lg:text-3xl" x-text="clock">--:--</p>
+                    <p class="text-2xl font-semibold tabular-nums tracking-tight text-slate-900 lg:text-3xl" x-text="clock">--:--</p>
                    <p class="mt-0.5 text-xs text-slate-500" x-text="dateLabel"></p>
                </div>
            </div>