From aecae0c69ed5037d3b0e49e502b14a7cd6d6d13b Mon Sep 17 00:00:00 2001 From: Wanjohi Date: Thu, 17 Sep 2026 23:15:56 +0300 Subject: [PATCH] style(auth): tighten the sign-in field, and stop calling the runtime a worker The email field sat a little taller than the action below it. Two comments also described this page as rendering inside a worker, which is not how the control plane runs; what they were reaching for is that nothing preprocesses this file, so the design tokens are written out longhand. --- apps/auth/src/index.ts | 6 +++--- packages/auth/src/ui/css.ts | 11 ++++++----- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/apps/auth/src/index.ts b/apps/auth/src/index.ts index d75d5525..ad7a3afa 100644 --- a/apps/auth/src/index.ts +++ b/apps/auth/src/index.ts @@ -190,9 +190,9 @@ const THEME_NESTRI: Theme = { favicon: 'https://nestri.io/images/favicon.ico', // Mona Sans for the display line and the action, Geist for everything a // person reads or types. Served from the Fontsource CDN because the - // self-hosted font packages need a bundler and this page is a string - // rendered in a Worker with no build step. The family names must match the - // ones the stylesheet asks for. + // self-hosted font packages need a bundler and nothing preprocesses this + // page — it is assembled as a string at request time. The family names must + // match the ones the stylesheet asks for. css: `@import url('https://cdn.jsdelivr.net/fontsource/css/mona-sans:vf@latest/wght.css');@import url('https://cdn.jsdelivr.net/fontsource/css/geist:vf@latest/wght.css');` }; diff --git a/packages/auth/src/ui/css.ts b/packages/auth/src/ui/css.ts index 196af53b..cba715e0 100644 --- a/packages/auth/src/ui/css.ts +++ b/packages/auth/src/ui/css.ts @@ -4,10 +4,11 @@ * The design language is the product's own: a neutral grey ramp on black, one * brand accent, Mona Sans for display and Geist for everything read or typed, * and a page framed by dashed rules. It is expressed as utility classes - * wherever it is built with a CSS framework; this page is a string rendered in - * a Worker with no build step, so the same values are written out longhand - * here. They are stated as literals on purpose — a token that is computed in - * one place and copied in another drifts without anyone seeing it. + * wherever it is built with a CSS framework; this page is assembled as a + * string at request time and nothing preprocesses it, so the same values are + * written out longhand here. They are stated as literals on purpose — a token + * that is computed in one place and copied in another drifts without anyone + * seeing it. * * **Dark only, deliberately.** The upstream stylesheet derived every colour * from the background's lightness through `oklch(from ...)` so one theme could @@ -244,7 +245,7 @@ body { border-radius: 0.75rem; border: 1px solid var(--color-gray-300); background: var(--color-background-100); - padding: 1.125rem 1.25rem; + padding: 0.9rem 1.25rem; font-family: var(--font-sans); font-size: 1rem; line-height: 1.5rem;