From 8dbbe74b2bf9714370197816928c93fe3a34cbd4 Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Mon, 21 Sep 2026 12:16:17 -0700 Subject: Seed words read down each column; the Google central is a parameter with a door to the previous one. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Word grids flow down a column then the next, with the row count from the word count — on a phone the first column is 1–6, the way a hand copies a list. pomegranate.js takes the central as an option (CENTRALS.coinos is auth.coinos.io, now deployed; the default stays auth.njump.me until its Google client is live), and the sign-in card grows a "previous server" line once the default moves, so accounts made under njump keep working. Co-Authored-By: Claude Fable 5.1 Claude-Session: https://claude.ai/code/session_01Tmfg8k5f3TbNJS34qiqHAp --- src/style.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 8cdd92d..36698ae 100644 --- a/src/style.css +++ b/src/style.css @@ -254,7 +254,10 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si .addr-check .hl { color: var(--ink); font-weight: 700; } /* ---- mnemonic grid ---- */ -.words { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } +/* Words run DOWN a column, then the next — the way a hand copies a list — + so on a phone (two columns) the first column is 1–6, not 1,3,5,…; the row + count comes from the word count (--rows-3 / --rows-2, set inline). */ +.words { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--rows-3, 4), auto); grid-auto-columns: 1fr; gap: 8px; } .words .w { display: flex; align-items: baseline; gap: 7px; background: var(--surface2); border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; font-family: var(--mono); @@ -366,7 +369,7 @@ hr.divider { margin: 16px 0; } /* ---- how it works ---- */ @media (max-width: 420px) { - .words { grid-template-columns: repeat(2, 1fr); } + .words { grid-template-rows: repeat(var(--rows-2, 6), auto); } .balance .amt { font-size: 28px; } } -- cgit v1.2.3