From b75db0949961bb3b8c1b7e3b46e1ad0e4733ae8e Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Tue, 4 Aug 2026 00:09:47 -0700 Subject: One question fewer on the way in, and an 'or' that means it MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The sign-in screen stacked 'Connect a signer app' directly above a bunker/nsec field, which reads as two steps rather than two ways in. A divider says which it is. The wizard's second step asked whether you have a nostr account, then sent you to a screen that asks the same thing. Step one now offers both paths directly — Get started, or sign in with Nostr — and the middle step is gone, along with its strings. The welcome blurb goes too: the screen is one decision, and prose above it is something to read before you can make it. The footer sinks to the bottom of the window rather than trailing the content up the page. #app is a full-height column now; the chat card sizes itself against the viewport, so the layout test covers it at three sizes. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01Wvj4aoeMZwA7VUGdJP9Swi --- src/style.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index ea29891..5064fae 100644 --- a/src/style.css +++ b/src/style.css @@ -78,7 +78,13 @@ html, body { #app { max-width: 560px; margin: 0 auto; - padding: 24px 16px 64px; + padding: 24px 16px 24px; + /* A column the height of the window, so the footer sits at the bottom of + short screens instead of floating under the content. */ + min-height: 100vh; + min-height: 100dvh; + display: flex; + flex-direction: column; } /* ---- typography ---- */ @@ -268,7 +274,7 @@ textarea { resize: vertical; min-height: 84px; font-family: var(--mono); font-si background: var(--green-soft); color: var(--green); display: grid; place-items: center; font-size: 34px; font-weight: 700; } -.footer { margin-top: 28px; padding-bottom: 8px; } +.footer { margin-top: auto; padding-top: 28px; padding-bottom: 8px; } .footer a { color: var(--accent-ink); font-weight: 600; } /* Clickable unit labels (BTC/sats) — look like text, toggle the global unit. */ @@ -570,3 +576,5 @@ body::after { .balance-move .input-group > button { flex: 1 1 150px; } .chat-signer-off { padding: 6px 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface2); } .chan-pick { width: auto; min-width: 0; padding: 6px 32px 6px 10px; font-size: 13px; font-weight: 600; border-radius: 9px; background-position: right 10px center; } +.or-split { display: flex; align-items: center; gap: 10px; color: var(--faint); font-size: 13px; } +.or-split::before, .or-split::after { content: ''; flex: 1; height: 1px; background: var(--line); } -- cgit v1.2.3