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

Use Figtree on public display and drop monospace clock.
Deploy Ladill Queue / deploy (push) Successful in 30s
Details

Browse Source 
Load Figtree from Bunny Fonts and apply sans-serif to the waiting-area screen.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-29 23:14:05 +00:00
co-authored by Cursor
parent 6357c29c8b
commit 615a07adac
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+1
View File
@@ -281,6 +281,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);
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%);
resources/views/qms/display/public.blade.php
+3 -1
View File
@@ -6,6 +6,8 @@
<meta name="csrf-token" content="{{ csrf_token() }}"> <meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="theme-color" content="#f8fafc"> <meta name="theme-color" content="#f8fafc">
<title>{{ $screen->name }} · Queue Display</title> <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']) @vite(['resources/css/app.css', 'resources/js/app.js'])
</head> </head>
<body <body
@@ -59,7 +61,7 @@
> >
</div> </div>
<div class="shrink-0 text-right"> <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> <p class="mt-0.5 text-xs text-slate-500" x-text="dateLabel"></p>
</div> </div>
</div> </div>