github-mirrors/netris-nestri
1
0
Fork 0
mirror of https://github.com/nestriness/nestri.git synced 2026-09-19 09:15:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

style(auth): tighten the sign-in field, and stop calling the runtime a worker

Browse Source 
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.
This commit is contained in:
Wanjohi
2026-09-17 23:15:56 +03:00
parent 74391714d0
commit aecae0c69e
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/auth/src/index.ts
View File

@@ -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');`
};

11
packages/auth/src/ui/css.ts
View File

@@ -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;